Jquery Text to İmage

Web sitelerimizde yer alan bilgilerin kopyalanmasını önlemek istediğimizde önlemler almamız gerekebilir. Örneğin eposta tekrarında kullanıcının kopya yapıştır yapmasını istemiyoruz. Bu örneğimizde textleri image olarak göstermeyi öğreneceğiz. h1, h2, h3 ve spam elemetleri içerisindeki verileri resime dönüştürüyoruz.

Sayfamız yüklenirken tanımlanan elementlerin resime çevriliyor.

<script type="text/javascript" class="active">
$(function() {
    $.pir.options.php="pir.php";
    $("h1").pir({font: "verdana.ttf", wrap: true});
    $("h2").pir({font: "verdana.ttf" , wrap: true});
    $("h3").pir({font: "trebuc.ttf" , wrap: true});
    $("span").pir({font: "verdana.ttf" , wrap: true});
});
</script>

Sayfamızda resime dönüştürülmesini istediğimiz textleri aşağıdaki biçimde tanımlıyoruz.

<h1> H1 muslum@gumusluoglu.com</h1>
<h2>H2 muslumgumusluoglu@gmail.com</h2>
<h3> H3 muslumgumusluoglu@hotmail.com</h3>
<span> Span muslum@kulturhaber.tv</span>

This entry was posted on Cuma, Ocak 1st, 2010 at 17:20 and is filed under Jquery. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.

Comments are closed.