Principală » Slide-uri » Slide Nr.5

Slide Nr.5

Demo:





Este un slide usor de instalat copiaza scriptul de mai jos si punel unde doresti sa-ti apara slide-ul.

Code
<link href="http://mixanik.my1.ru/zagru_ru/1/slideshow_buttontitle.css" rel="stylesheet" type="text/css"></link>
  <script type="text/javascript" src="http://mixanik.my1.ru/zagru_ru/1/jquery-1.3.2.min.js"></script>
  <script type="text/javascript" src="http://mixanik.my1.ru/zagru_ru/1/slideshow_buttontitle.js"></script>
  </head>
  <body>
  <script language="javascript" type="text/javascript">
  $(function() {
  $("#slideshow1").slideshow_buttontitle({
  time_interval: '3000',
  window_background_color: "#FFF",
  window_padding: '1',
  window_width: '300',
  window_height: '250',
  border_size: '1',
  border_color: 'black',
  title_text_color: 'white',
  title_background_color: '#42AEC2',
  button_color: '#84C5D2',
  button_current_color: '#2C7E8F',
  button_size: '15'
  });
  $("#slideshow2").slideshow_buttontitle({
  time_interval: '2000',
  window_background_color: "#FFF",
  window_padding: '2',
  window_width: '200',
  window_height: '150',
  border_size: '2',
  border_color: '#9C0',
  title_text_color: '#000',
  title_background_color: '#9C0',
  button_color: '#9C0',
  button_current_color: '#9F0',
  button_size: '10'
  });
  });
  </script>
  <pre>
  </pre>
  <div id="slideshow1" class="slideshow_buttontitle">
  <ul>
  <li><a href="#" title="title1"><img src="http://mixanik.my1.ru/zagru_ru/1/455abe0e10e0.png" alt="slideshow_large"/></a></li>
  <li><a href="#" title="title2"><img src="http://mixanik.my1.ru/zagru_ru/1/455abe0e10e0.png" alt="slideshow_large"/></a></li>
  <li><a href="#" title="title3"><img src="http://mixanik.my1.ru/zagru_ru/1/455abe0e10e0.png" alt="slideshow_large"/></a></li>
  <li><a href="#" title="title4"><img src="http://mixanik.my1.ru/zagru_ru/1/455abe0e10e0.png" alt="slideshow_large"/></a></li>
  </ul>
  <div class="slideshow_simple1_title">
  </div>
  <ul class="slideshow_simple1_nav">
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  </ul>
  <div style="clear: both"></div>
   </div>



Aici puteti modifica sa puneti propriile imagini ...
Code
<a href="#" title="title1"><img  
src="http://mixanik.my1.ru/zagru_ru/1/455abe0e10e0.png"  
alt="slideshow_large"/></a></li> <br>&nbsp;&nbsp;<li><a
  href="#" title="title2"><img  
src="http://mixanik.my1.ru/zagru_ru/1/455abe0e10e0.png"  
alt="slideshow_large"/></a></li> <br>&nbsp;&nbsp;<li><a
  href="#" title="title3"><img  
src="http://mixanik.my1.ru/zagru_ru/1/455abe0e10e0.png"  
alt="slideshow_large"/></a></li> <br>&nbsp;&nbsp;<li><a
  href="#" title="title4"><img  
src="http://mixanik.my1.ru/zagru_ru/1/455abe0e10e0.png"  
alt="slideshow_large"/></a></li>


In loc de title1 .... pana la title4 puteti pune nume la post/film/serial.
In loc de # puteti pune link catre film/post/serial/desene
Iar in loc de http://mixanik.my1.ru/zagru_ru/1/455abe0e10e0.png puteti pune link catre imaginea filmului/serialului/desenelui ...





Voturi : 0 | Rating : 0.0


Total comentarii : 0
Doar utilizatorii înregistraţi pot adăuga comentarii
[ Înregistrare | Logare ]

Abonare

Aboneaza-te gratuit si vei primi noi template-uri prin email !

Introduceti mai jos adresa de email :



Google Plus

Mini-Chat

ОК

Statistica


Total online: 1
Vizitatori: 1
Utilizatori: 0