PHP:Jquery- Dinamik Text/Resim Değişimi (jquery.pir.js)

Bazı servislerde yayınlanan özel içerikler kopyalanamaz duruma getirilmektedir. Özellikle e-posta veya kullanıcı adı gibi kişisel bilgiler kopyalamaya karşı korunmak amacıyla resim olarak gösterilir. Bu işlemin Jquery yardımıyla  gerçekleşmesini inceleyeceğiz.

Bir Jquery eklentisi olan pir ile sayfa yüklenirken aynı anda tanımlanan html elementleri içindeki metini resime dönüştürüyor.


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.pir.min.js"></script>
<script type="text/javascript">
$(function() {
$.pir.options.php="pir.php";
$("h1").pir({font: "verdana.ttf", wrap: true});
$("h2").pir({font: "verdana.ttf"});
$("h3").pir({font: "trebuc.ttf"});
});
</script>

Yukarıdaki kod blogunda eklenti kurulumu için gerekli javascript satırları bulunmaktadır. Örnek olarak sayfadaki h1, h2 ve h3 elementlerine farklı yazıtipleri atayarak resime dönüştürüyoruz.


<h1>h1 element PHP Dinamik Text - image değişimi</h1>
<h2>h2 elementi hemen hızlıca, Tiny, Fast</h2>

<h3> h3 elementi Standart metin</h3>


Uygulamanın çalışır demosunu incelemek için tıklayınız.

Uygulama dosyalarını zip şeklinde indirmek için tıklayınız.

One thought on “PHP:Jquery- Dinamik Text/Resim Değişimi (jquery.pir.js)

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir