malshalal.com malshalal.com malshalal.com malshalal.com
malshalal.com malshalal.com اجعلنا بالرئيسية malshalal.com المفضله malshalal.com الرئيسيه malshalal.com
malshalal.com malshalal.com malshalal.com
   
 <script type="text/javascript"> $(document).ready(function() { //Execute the slideShow slideShow(); }); function slideShow() { //Set the opacity of all images to 0 $('#gallery a').css({opacity: 0.0}); //Get the first image and display it (set it to full opacity) $('#gallery a:first').css({opacity: 1.0}); //Set the caption background to semi-transparent $('#gallery .caption').css({opacity: 0.7}); //Resize the width of the caption according to the image width $('#gallery .caption').css({width: $('#gallery a').find('img').css('width')}); //Get the caption of the first image from REL attribute and display it $('#gallery .content').html($('#gallery a:first').find('img').attr('rel')) .animate({opacity: 0.7}, 400); //Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds setInterval('gallery()',6000); } function gallery() { //if no IMGs have the show class, grab the first image var current = ($('#gallery a.show')? $('#gallery a.show') : $('#gallery a:first')); //Get next image, if it reached the end of the slideshow, rotate it back to the first image var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first')); //Get next image caption var caption = next.find('img').attr('rel'); //Set the fade in effect for the next image, show class has higher z-index next.css({opacity: 0.0}) .addClass('show') .animate({opacity: 1.0}, 1000); //Hide the current image current.animate({opacity: 0.0}, 1000) .removeClass('show'); //Set the opacity to 0 and height to 1px $('#gallery .caption').animate({opacity: 0.0}, { queue:false, duration:50 }).animate({height: '1px'}, { queue:true, duration:300 }); //Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect $('#gallery .caption').animate({opacity: 0.7},100 ).animate({height: '100px'},500 ); //Display the content $('#gallery .content').html(caption); } </script> <table cellspacing="0" cellpadding="0" align="center"> <tr> <td valign="top"><div id="gallery" style="width: 272px"> <a href="news.php?id=4" class="show"> <img src="upload/news/Vienna_Bliss_by_iamshaon.jpg" alt="تجربه خبر 4" width="325" height="181" title="" alt="" rel="مقدمة الخبر "/> </a> <a href="news.php?id=3" class="show"> <img src="upload/news/stillcodingwindows.jpg" alt="تجربه خبر 3" width="325" height="181" title="" alt="" rel="مقدمة الخبر 33 "/> </a> <a href="news.php?id=2" class="show"> <img src="upload/news/romantic.jpg" alt="تجربه خبر" width="325" height="181" title="" alt="" rel="مقدمة الخبر "/> </a> <a href="news.php?id=1" class="show"> <img src="upload/news/Ascent.jpg" alt="تجربه خبر" width="325" height="181" title="" alt="" rel="مقدمة الخبر "/> </a> <div class="caption"><div class="content"></div></div> </div> </td> </tr> </table>
Malshalal.Com Malshalal.Com Malshalal.Com
Malshalal.Com
البريد الالكتروني
Malshalal.Com
Malshalal.Com Malshalal.Com Malshalal.Com
Malshalal.Com Malshalal.Com Malshalal.Com
Malshalal.Com 
Malshalal.Com
Malshalal.Com Malshalal.Com Malshalal.Com
Malshalal.Com Malshalal.Com Malshalal.Com
Malshalal.Com   Malshalal.Com
Malshalal.Com Malshalal.Com Malshalal.Com
Malshalal.Com Malshalal.Com Malshalal.Com
Malshalal.Com
picture       picture       picture       picture       picture      
Malshalal.Com
Malshalal.Com Malshalal.Com Malshalal.Com
Malshalal.Com Malshalal.Com Malshalal.Com
Malshalal.Com
ما رأيك بالموقع؟
معقول
جيد
ممتاز
Malshalal.Com
Malshalal.Com Malshalal.Com Malshalal.Com
malshalal.com حقوق البرمجه محفوظة لـ شركة دكتور ويب2 لحلول الانترنت