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.


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

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.


&lt;h1&gt;h1 element PHP Dinamik Text - image değişimi&lt;/h1&gt;
&lt;h2&gt;h2 elementi Simple, Tiny, Fast&lt;/h2&gt;

&lt;h3&gt; h3 elementi Standart metin&lt;/h3&gt;

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

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

Atilla Akoğlu

Creating web applications since 2004. e-commerce, entrepreneur and enterprise advisor. Always open for new projects, ideas and deals...

Website - Twitter - Facebook - More Posts

Serpito