Bir resim galerisi ya da tek bir resim için etkileyici bir efekt kullanmak ister misiniz? Aşağıdaki kodu Head bölümüne ekleyerek, fare ile üzerine gelindiğinde saydamdan belirgine dönme efektini sitenizde kullanabilirsiniz.

<style type="text/css">
/*<![CDATA[*/

/* Site Efektleri */

 

.transparenz {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
opacity: .6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);

 

}

.transparenz:hover {
opacity: 1.0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);

 

}

/*]]>*/
</style>

Bu kodu da bir Bileşenler / HTML öğesinin içerisine kopyalayıp, siteniz üzerindeki herhangi bir yere taşıyabilirsiniz.

 

<a href="http://Jimdo.com/"><img class="transparenz" src="http://u.jimdo.com/www52/o/s2ba029df7f23bf1c/img/i0a10db6cdf020023/1350304461/std/image.jpg" alt="" width="320" height="185" /></a>

 

Bağlantı kısmını (mavi işaretli) kendi bağlantınızla değiştirebilirsinz. Eğer bağlantı vermek istemiyorsanız şu kısmı silmeniz yeterli:

 

<a href="http://Jimdo.com/">

Resim bağlantısını değiştirerek (kırmızı işaretli) kendi resimlerinizi kullanabilirsiniz.

 

Resmin ebatlarını (yeşil işaretli) ilgili alanları değiştirerek belirleyebilirsiniz. Eğer bu alanlar silinirse otomatik olarak resmin orjinal ebatları kullanılır.