Single Image [DEMO]
Codes:
<a class='color' href="IMAGE URL" title="IMAGE CAPTION"><img border='0' height='90' width='120' src="IMAGE URL"/></a>
معرض
Elastic [DEMO]
Codes:
<a class="color-elastic" href="IMAGE_01 URL" rel="GALLERYTITLE" title="IMAGE_01 CAPTION"><img border="0" height="90" src="IMAGE_01 URL" width="120" /></a>
<a class="color-elastic" href="IMAGE_02 URL" rel="GALLERYTITLE" title="IMAGE_02 CAPTION"><img border="0" height="90" src="IMAGE_02 URL" width="120" /></a>
Fade [DEMO]
Codes:
<a class="color-fade" href="IMAGE_01 URL" rel="GALLERYTITLE" title="IMAGE_01 CAPTION"><img border="0" height="90" src="IMAGE_01 URL" width="120" /></a>
<a class="color-fade" href="IMAGE_02 URL" rel="GALLERYTITLE" title="IMAGE_02 CAPTION"><img border="0" height="90" src="IMAGE_02 URL" width="120" /></a>
<a class="color-fade" href="IMAGE_03 URL" rel="GALLERYTITLE" title="IMAGE_02 CAPTION"><img border="0" height="90" src="IMAGE_03 URL" width="120" /></a>
سلايد شو [DEMO]
Codes:
<a class="color-slideshow" href="IMAGE_01 URL" rel="GALLERYTITLE" title="IMAGE_01 CAPTION"><img border="0" height="90" src="IMAGE_01 URL" width="120" /></a>
<a class="color-slideshow" href="IMAGE_02 URL" rel="GALLERYTITLE" title="IMAGE_02 CAPTION"><img border="0" height="90" src="IMAGE_02 URL" width="120" /></a>
<a class="color-slideshow" href="IMAGE_03 URL" rel="GALLERYTITLE" title="IMAGE_03 CAPTION"><img border="0" height="90" src="IMAGE_03 URL" width="120" /></a>
Youtube/Vimeo [DEMO]
Codes:
<!--For Youtube-->
<a class='color-video' href="YOUTUBE EMBED CODE URL" title="VIDEO TITLE"><img border='0' height='90' width='120' src="YOUTUBE LOGO URL"/></a>
<!--Same for Vimeo-->
<a class='color-video' href="VIMEO EMBED CODE URL" title="VIDEO TITLE"><img border='0' height='90' width='120' src="VIMEO LOGO URL"/></a>
<!--OR use simple link-->
<a class='color-video' href="YOUTUBE/VIMEO EMBED CODE URL" title="VIDEO TITLE">WATCH THE VIDEO</a>
انا