Java Script Slide Show

Subiect: Java Script Slide Show Mar Sept 20, 2011 6:33 am

Slide Show

Bine ati venit la un nou tutorial.
Acest tutorial se refera la Java Script 'JQueri' o versiune mai noua
Acest 'cod' este folosit pentru 'slide show' la imagini....
Aici va las codul:

Cod:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="http://www.ajaxdaddy.com/media/demos/play/1/slideshow/interface-slideshow/" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Slideshow demo - Interface plugin for jQuery</title>
   <script type="text/javascript" src="javascript/jquery.js"></script>
   <script type="text/javascript" src="javascript/interface.js"></script>
<link type="text/css" href="css/interface-slideshow.css" rel="stylesheet">
</head>

<body>
<center>
<p>Interface Slideshow demo - Interface plugin for jQuery</p>
<div id="slideShow1" style="text-align: left;"></div>
</center>

<script type="text/javascript">
$(document).ready(
function()
{
   $.slideshow(
      {
         container : 'slideShow1',
         loader: 'images/slideshow_loader.gif',
         linksPosition: 'top',
         linksClass: 'pagelinks',
         linksSeparator : ' | ',
         fadeDuration : 400,
         activeLinkClass: 'activeSlide',
         nextslideClass: 'nextSlide',
         prevslideClass: 'prevSlide',
         captionPosition: 'bottom',
         captionClass: 'slideCaption',
         autoplay: 5,
         random: true,
         images : [
            {
               src: 'images/panda/Dynamic.jpg',
               caption: 'Panda Dynamic'
            },
            {
               src: 'images/panda/Actual.jpg',
               caption: 'Panda Actual'
            },
            {
               src: 'images/panda/Panda.jpg',
               caption: 'Fiat Panda'
            },
            {
               src: 'images/panda/Active.jpg',
               caption: 'Panda Active'
            }
         ]
      }
   )


   $('a').ToolTip(
      {
         className: 'inputsTooltip',
         position: 'mouse'
      }
   );
}
);
</script>
</body>
</html>

Il Modificati dupa bunul plac,sper ca vam fost de ajutor! Java Script Slide Show 1921460809

Tutorial realizat de | Albachersont | => Echipa ** GraphicART **

***Important !
Reproducerea si/sau copierea acestui tutorial NU este permisa fara acordul postatorului !

ÇáãæÖæÚ ÇáÇÕáí : Java Script Slide Show ÇáãÕÏÑ : ãäÊÏì ÃÈÏÇÚ äÊ

ÇáÊæÞíÚ