Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [Slider] Pomoc przy pisaniu
SpiJay
post
Post #1





Grupa: Zarejestrowani
Postów: 63
Pomógł: 2
Dołączył: 18.11.2009
Skąd: Grudziądz

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


Witajcie !

Pilnie potrzebuję pomocy z "wprawieniem w ruch" następującego fragmentu mojej strony.

(IMG:http://spijay.com/demo/slider.png)

KOD (wyszczuplony):
  1. <div id="slide">
  2. <div class="slide-desc">
  3. <h1>Wino nazwa1</h1>
  4. <div id="kraj">Kraj: <span>Włochy</span></div>
  5. <div id="smak">Smak: <span>słodkie</span></div>
  6. <div id="kolor" style="padding-bottom: 15px;">Kolor: <span>Czerwone</span></div>
  7. <div id="opis">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tincidunt, sapien nec eleifend viverra, lorem lacus mattis nisl, in semper nisl enim nec diam.</div>
  8. <div class="price">
  9. <span>Cena: <span style="padding: 0 !important;">250zł</span></span>
  10. <a class="more" href="#">Szczegóły</a>
  11. </div>
  12. </div>
  13. <img src="images/slide.jpg" />
  14. </div>
  15.  
  16. <div style="clear: both; margin-bottom: 25px;"></div>
  17.  
  18. <div id="mini-slide">
  19. <div class="mini-wraper">
  20. <div class="mini-desc">
  21. <div class="mini-name">Nazwa wina</div>
  22. <div><span class="color cena" cena="240">Cena:</span><br/>210zł</div>
  23. <div><span class="color kraj" kraj="Szwecja">Kraj:</span><br/>Szwecja</div>
  24. <div><span class="color smak" smak="słodkie">Smak:</span><br/>słodkie</div>
  25. <div><span class="color kolor" kolor="czerwone">Kolor:</span><br/>Czerwone</div>
  26. </div>
  27. <img src="thumbs/1.jpg" slide="fullsize/1.jpg" class="quick" nazwa="Wino nazwa1" cena="250zł" kraj="Włochy" smak="słodkie" kolor="czerwone" opis="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tincidunt, sapien nec eleifend viverra, lorem lacus mattis nisl, in semper nisl enim nec diam." />
  28. </div>
  29. <div class="mini-wraper">
  30. <div class="mini-desc">
  31. <div class="mini-name">Nazwa wina</div>
  32. <div><span class="color cena" cena="240">Cena:</span><br/>220zł</div>
  33. <div><span class="color kraj" kraj="Włochy">Kraj:</span><br/>Włochy</div>
  34. <div><span class="color smak" smak="słodkie">Smak:</span><br/>słodkie</div>
  35. <div><span class="color kolor" kolor="czerwone">Kolor:</span><br/>Czerwone</div>
  36. </div>
  37. <img src="thumbs/2.jpg" slide="fullsize/2.jpg" class="quick" nazwa="Wino nazwa2" cena="250zł" kraj="Włochy" smak="słodkie" kolor="czerwone" opis="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tincidunt, sapien nec eleifend viverra, lorem lacus mattis nisl, in semper nisl enim nec diam." />
  38. </div>
  39. <div class="mini-wraper">
  40. <div class="mini-desc">
  41. <div class="mini-name">Nazwa wina</div>
  42. <div><span class="color cena" cena="240">Cena:</span><br/>230zł</div>
  43. <div><span class="color kraj" kraj="Chorwacja">Kraj:</span><br/>Chorwacja</div>
  44. <div><span class="color smak" smak="słodkie">Smak:</span><br/>słodkie</div>
  45. <div><span class="color kolor" kolor="czerwone">Kolor:</span><br/>Czerwone</div>
  46. </div>
  47. <img src="thumbs/3.jpg" slide="fullsize/3.jpg" class="quick" nazwa="Wino nazwa3" cena="250zł" kraj="Włochy" smak="słodkie" kolor="czerwone" opis="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tincidunt, sapien nec eleifend viverra, lorem lacus mattis nisl, in semper nisl enim nec diam." />
  48. </div>
  49. <div class="mini-wraper">
  50. <div class="mini-desc">
  51. <div class="mini-name">Nazwa wina</div>
  52. <div><span class="color cena" cena="240">Cena:</span><br/>240zł</div>
  53. <div><span class="color kraj" kraj="Francja">Kraj:</span><br/>Francja</div>
  54. <div><span class="color smak" smak="słodkie">Smak:</span><br/>słodkie</div>
  55. <div><span class="color kolor" kolor="czerwone">Kolor:</span><br/>Czerwone</div>
  56. </div>
  57. <img src="thumbs/4.jpg" slide="fullsize/4.jpg" class="quick" nazwa="Wino nazwa4" cena="250zł" kraj="Włochy" smak="słodkie" kolor="czerwone" opis="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tincidunt, sapien nec eleifend viverra, lorem lacus mattis nisl, in semper nisl enim nec diam." />
  58. </div>


Zasada miałaby być taka jak na obrazku, aczkolwiek ładowanie zdjęć do dużego slidera, miałoby się także odbywać po kliknięciu na miniaturkę.
Brak auto przewijania.

Proszę o pomoc,
pozdrawiam !

Ten post edytował SpiJay 1.04.2013, 23:59:51
Go to the top of the page
+Quote Post

Posty w temacie


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: 3.10.2025 - 16:24