Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Jquery plugin slider
Forum PHP.pl > Forum > XML, AJAX
Raju_wk
Znalazlem fajny skrypt, ale niestety nie wiem jak go zastosowac do swojej strony, prosze o pomoc... Pobierajac plik mam tylko pliki jscrip i nic wiecej zadnego css i html... http://www.bxslider.com/examples/displa ... xample-one
Potrzebuje osiagnac to z czegos takiego i przy kliknieciu na miniaturke zdjecia zeby otwieralo sie w lightboxie
darko
Zbadaj element firebugiem i wszystko będziesz wiedział:
  1. <ul class="multiple captions" id="slider1">
  2. <li style="list-style: none outside none; position: absolute; top: 0px; left: 0px; z-index: 98; opacity: 0;">
  3. <img height="169" width="169" title="The Velvet Underground and Nico" src="/sites/all/themes/bx/images/pic_velvet1.jpg">
  4. </li>
  5. <li style="list-style: none outside none; position: absolute; top: 0px; left: 0px; z-index: 98; opacity: 0;">
  6. <img height="169" width="169" title="White Light White Heat" src="/sites/all/themes/bx/images/pic_velvet2.jpg">
  7. </li>
  8. <li style="list-style: none outside none; position: absolute; top: 0px; left: 0px; z-index: 99; opacity: 1;">
  9. <img height="169" width="169" title="The Velvet Underground" src="/sites/all/themes/bx/images/pic_velvet3.jpg">
  10. </li>
  11. <li style="list-style: none outside none; position: absolute; top: 0px; left: 0px; z-index: 98; opacity: 0;">
  12. <img height="169" width="169" title="Loaded" src="/sites/all/themes/bx/images/pic_velvet4.jpg">
  13. </li>
  14. </ul>

[JAVASCRIPT] pobierz, plaintext
  1. $(function(){
  2. $('#slider1').bxSlider({
  3. mode: 'fade',
  4. captions: true,
  5. auto: true,
  6. controls: false
  7. });
  8. });
[JAVASCRIPT] pobierz, plaintext
Raju_wk
Ale co mam z tym zrobic wystarczy skopiowac i bedzie dzialalo ?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.