Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Jquery plugin slider
Raju_wk
post
Post #1





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 15.04.2011

Ostrzeżenie: (0%)
-----


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(IMG:http://img403.imageshack.us/img403/4797/slider03.th.jpg) i przy kliknieciu na miniaturke zdjecia zeby otwieralo sie w lightboxie
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
darko
post
Post #2





Grupa: Zarejestrowani
Postów: 2 885
Pomógł: 463
Dołączył: 3.10.2009
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
Raju_wk
post
Post #3





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 15.04.2011

Ostrzeżenie: (0%)
-----


Ale co mam z tym zrobic wystarczy skopiowac i bedzie dzialalo ?
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.08.2025 - 10:04