Witam,
potrzebuję pomocy gdyż nie znam się na zagnieżdżaniu. Potrzebuję umieścic slideshow slidesho obrazów (kod) w kodzie mojej strony


  1. <div id="header" style="background-image:url(http://photopaterek.pl/images/picture/folderimage.jpg);">
  2. <div id="title">
  3. <div id="share"><a href="java script:void(0)"><img src="http://photopaterek.pl/images/images_page/share.png" /> Udostępnij!</a></div><div id="tweetTwitter"></div><div id="likeFacebook"></div>
  4. <div id="parent"><a href="#" title="Jeste na stronie głównej" target="_parent" class="showhint">&nbsp;</a></div>
  5. <div class="texts">
  6. <h1>Dawid Paterek Photography</h1>
  7. </div>
  8. <div class="clear"></div>
  9. </div>
  10.  
  11. </div>


oto kawałek kodu ktory odpowiada za wyświetlanie statycznego obrazka na mojej stronie ww.photopaterek.pl
teraz w tym miejscu
  1. <div id="header" style="background-image:url(http://photopaterek.pl/images/picture/folderimage.jpg);">

muszę umieścić następujący kod aby wyświetlał mi się pokaz obrazów

  1. <div id="s3slider">
  2. <ul id="s3sliderContent">
  3. <li class="s3sliderImage">
  4. <img src="http://photopaterek.pl/images/picture/folderimage.jp" />
  5. <span>Your text comes here</span>
  6. </li>
  7. <li class="s3sliderImage">
  8. <img src="http://photopaterek.pl/images/picture/folderimage.jp" />
  9. <span>Your text comes here</span>
  10. </li>
  11. <div class="clear s3sliderImage"></div>
  12. </ul>
  13. </div>


oczywiście dostep do css jest wszystkie pliki js sa wstawione oraz podaje jeszcze kod css potrzebny do obsłużenia skryptu
  1. #s3slider {
  2. width: 400px; /* important to be same as image width */
  3. height: 300px; /* important to be same as image height */
  4. position: relative; /* important */
  5. overflow: hidden; /* important */
  6. }
  7.  
  8. #s3sliderContent {
  9. width: 400px; /* important to be same as image width or wider */
  10. position: absolute; /* important */
  11. top: 0; /* important */
  12. margin-left: 0; /* important */
  13. }
  14.  
  15. .s3sliderImage {
  16. float: left; /* important */
  17. position: relative; /* important */
  18. display: none; /* important */
  19. }
  20.  
  21. .s3sliderImage span {
  22. position: absolute; /* important */
  23. left: 0;
  24. font: 10px/15px Arial, Helvetica, sans-serif;
  25. padding: 10px 13px;
  26. width: 374px;
  27. background-color: #000;
  28. filter: alpha(opacity=70); /* here you can set the opacity of box with text */
  29. -moz-opacity: 0.7; /* here you can set the opacity of box with text */
  30. -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
  31. opacity: 0.7; /* here you can set the opacity of box with text */
  32. color: #fff;
  33. display: none; /* important */
  34. top: 0;
  35.  
  36. /*
  37. if you put
  38. top: 0; -> the box with text will be shown at the top of the image
  39. if you put
  40. bottom: 0; -> the box with text will be shown at the bottom of the image
  41. */
  42. }
  43.  
  44. .clear {
  45. clear: both;
  46. }




oraz mam ogromną prośbę chciałbym się pozbyć tych tekstów razem z zaciemnianym tłem podczas pokazu samo usunięcie
  1. <span>Your text comes here</span>

powoduje zacięcie wyświetlania



bardzo proszę o pomoc

pozdrawiam,
Zumi