گالری عکس روز برای سایت و وبلاگ

2675

          Admin 
            بازدید : 1248
          چهارشنبه 02 آذر 1390
           نظرات (3)
        

گالری بسیار زیبا برای سایت ها و وبلاگ ها

مشاهده دمو
کد کادر زیر را بردارید

<head>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fa" lang="fa-IR">
<meta http-equiv="Content-Language" content="fa">
<title>Nskin.ir | گالری عکس روز</title>

/*Your ShineTime Welcome Image*/
	 var default_image = 'http://upnightskin1.persiangig.com/SlideShow/pic-gallary-slideshow/default.jpg';
	 var default_caption = 'جدید ترین عکس های امروز را در اینجا ببینید';

/*Load The Default Image*/
	 loadPhoto(default_image, default_caption);

function loadPhoto($url, $caption)
	 {

/*Image pre-loader*/
	    showPreloader();
	    var img = new Image();
	    jQuery(img).load( function()
		{
			jQuery(img).hide();
			hidePreloader();

}).attr({ "src": $url });

$('#largephoto').css('background-image','url("' + $url + '")');
		$('#largephoto').data('caption', $caption);
	 }

/* When a thumbnail is clicked*/
	 $('.thumb_container').click(function()
	 {

var handler = $(this).find('.large_image');
		  var newsrc  = handler.attr('src');
		  var newcaption  = handler.attr('rel');
		  loadPhoto(newsrc, newcaption);

});

/*When the main photo is hovered over*/
	 $('#largephoto').hover(function()
	 {

var currentCaption  = ($(this).data('caption'));
		var largeCaption = $(this).find('#largecaption');

largeCaption.stop();
		largeCaption.css('opacity','0.9');
		largeCaption.find('.captionContent').html(currentCaption);
		largeCaption.fadeIn()

largeCaption.find('.captionShine').stop();
         largeCaption.find('.captionShine').css("background-position","-550px 0");
         largeCaption.find('.captionShine').animate({backgroundPosition: '550px 0'},700);

Cufon.replace('.captionContent');

function()
	 {
	    var largeCaption = $(this).find('#largecaption');
		largeCaption.find('.captionContent').html('');
		largeCaption.fadeOut();

});

/* When a thumbnail is hovered over*/
	 $('.thumb_container').hover(function()
	 {
         $(this).find(".large_thumb").stop().animate({marginLeft:-7, marginTop:-7},200);
		 $(this).find(".large_thumb_shine").stop();
         $(this).find(".large_thumb_shine").css("background-position","-99px 0");
         $(this).find(".large_thumb_shine").animate({backgroundPosition: '99px 0'},700);

}, function()
	 {
	    $(this).find(".large_thumb").stop().animate({marginLeft:0, marginTop:0},200);
	 });

function showPreloader()
	 {
	   $('#loader').css('background-image','url("http://upnightskin1.persiangig.com/SlideShow/pic-gallary-slideshow/loader.gif")');
	 }

function hidePreloader()
	 {
	   $('#loader').css('background-image','url("")');
	 }

});
</script><script type="text/javascript" src="http://upnightskin1.persiangig.com/SlideShow/pic-gallary-slideshow/jqery-ie7.js"></script>
<div id="containertitle">
به گالری تصاویر روز خوش آمدید
</div>
   <div class="mainframe">
      <div id="largephoto">
	  <div id="loader"></div>

</div>

</div>

</div>
   <div class="thumbnails">
   <br><br><br>
   
                    <div class="thumbnailimage">
                        <div class="thumb_container">
                            <div class="large_thumb">
                        		<img src="http://upnightskin1.persiangig.com/SlideShow/pic-gallary-slideshow/1.jpg" class="large_thumb_image" alt="thumb" />
                                <img src="http://upnightskin1.persiangig.com/SlideShow/pic-gallary-slideshow/large%201.jpg" class="large_image" rel="متن تصویر" />
                                <div class="large_thumb_border"></div>
                                <div class="large_thumb_shine"></div>
                              </div>
						</div>
                       </div>

<div class="thumbnailimage">
                        <div class="thumb_container">
                            <div class="large_thumb">
                        		<img src="http://upnightskin1.persiangig.com/SlideShow/pic-gallary-slideshow/5.jpg" class="large_thumb_image" alt="thumb" />
                                <img src="http://upnightskin1.persiangig.com/SlideShow/pic-gallary-slideshow/5%20large.jpg" class="large_image" rel="متن تصویر" />
                                <div class="large_thumb_border"></div>
                                <div class="large_thumb_shine"></div>
                              </div>
						</div>
                       </div>

</div>
</div>
</html>

ارسال نظر برای این مطلب

	این نظر توسط محمدرضا علی حسینی برزی در تاریخ 1348/10/11 و 19:08 دقیقه ارسال شده است

			دمت گرم.خیلی عالی بود

	این نظر توسط ایران گویا در تاریخ 1348/10/11 و 0:23 دقیقه ارسال شده است

			سایت ایران گویا بیش از هزارو دویست سایت ایرانی پربیننده را دسته بندی کرده و جهت سهولت کار به کاربران ایرانی ارائه نموده است سایت های مختلف براساس موضوع رتبه بندی شده و در یک ستون قرار داده شده است و رتبه بندی سایت ها نیز براساس آمار بازدید جهانی هر سایت می باشد یعنی گلچینی از بهترین سایت ها http://irangooya.ir/ معرفی بیش از چهل سایت ارائه دهنده وبلاگ ، ارائه دهنده قالب وبلاگ ، دانلود و .... چهل سایت بازی ... چهل سایت سرگرمی ...چهل سایت پزشکی... چهل سایت ورزشی...

	این نظر توسط soheil در تاریخ 1348/10/11 و 18:56 دقیقه ارسال شده است

			سلام خسته نباشید لطفا مارو به اسم {*پیکس 2 فان – جدیدترین عکسها*} لینک کنید بعدش بیا بگو با چه اسمی لینکت کنیم. ممنون پاسخ : سلام دوست عزیز شما لینک شدید سپاس از اینکه به سایت ما سر زدید

عنوان	پاسخ	بازدید	توسط
نسبت با نفر قبلی...	5	399	temor
عکس های بهاره رهنما	3	312	admin_a
پروانه ای با بال های شیشه ای+تصاویر	2	323	adminloxabzar
درخواست قالب فان برای رزبلاگ	1	322	adminloxabzar
\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\| کد منوی پله ای بسیار زیبا و فارسی	1	327	adminloxabzar
کد منوی پله ای فوق العاده شیک و جذاب	1	402	adminloxabzar
عکس های رز رضوی	1	271	adminloxabzar
عکس های ماندانا سوری	1	292	adminloxabzar
عكس هاي سه بعدي ايراني جديد	2	400	adminloxabzar
آموزش مخفی کردن هر ایکنی که میخوایین	1	262	adminloxabzar
مسابقه جدید بدو بیا تو مخصوص صاحبان وبلاگ	13	1246	adminloxabzar
کد قالب	6	377	adminloxabzar
انتقاد شدید از مدیر	5	298	adminloxabzar
زنان چگونه توسط قذافی شکار می شدند؟	1	283	adminloxabzar
تفاوت طرز فکر زنها و مردها ( طنز)	2	253	adminloxabzar
درد و دل سهراب دانشجو	1	137	adminloxabzar
گوگل بعد از 8 سال شکست خورد.	1	200	adminloxabzar
کمک این کد رو ویرایش کنید	2	305	admin
عکس های آنا نعمتی	0	257	behzad21
اگه خودکارت به اندازه یک جمله جوهر داشت برای نفر قبلیت چی می نوشتی ؟؟	1	284	toofan245