Hallo
ich habe das Laufbildaddon mir geholt und möchte gerne über die laufenden bilder ein Bild legen als Beispiel hab ich mal ein bild gemacht.



Hier noch die 3 Template Datein

laufbilder_head.html

Code: 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. <!-- Webspell Addon by 0815 --> <script type="text/javascript"> var sliderwidth = 468; var sliderheight = 57; var slidespeed = 1; var slidebgcolor = ""; var leftrightslide = new Array(); var copyspeed = slidespeed; var i = 0;

laufbilder_head.html

Code: 1. leftrightslide[i++] = '<a href="out.php?laufbilderID=$db[laufbilderID]"><img src="images/laufbilder/$db[banner]" border="0"></a>&nbsp;&nbsp;';

laufbilder_fuss.html

Code: 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. 51. 52. 53. 54. 55. 56. 57. 58. 59. 60. 61. 62. 63. 64. 65. 66. 67. 68. 69. 70. 71. 72. 73. 74. 75. 76. 77. 78. leftrightslide = '<nobr>' + leftrightslide.join("") + '</nobr>'; var iedom = document.all || document.getElementById; if (iedom)      document.write('<span id="temp" style="visibility:hidden;position:absolute;top:0px;left:-3000px">' + leftrightslide + '</span>'); var actualwidth = ''; var cross_slide, ns_slide; function fillup(){      if (iedom){           cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2;           cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3;           cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide;           actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth;           cross_slide2.style.left=actualwidth+20+"px";      }      else if (document.layers){           ns_slide=document.ns_slidemenu.document.ns_slidemenu2;           ns_slide2=document.ns_slidemenu.document.ns_slidemenu3;           ns_slide.document.write(leftrightslide);           ns_slide.document.close();           actualwidth=ns_slide.document.width;           ns_slide2.left=actualwidth+20;           ns_slide2.document.write(leftrightslide);           ns_slide2.document.close();      }      lefttime=setInterval("slideleft()",30); } window.onload=fillup; function slideleft(){      if (iedom){           if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))                cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px";           else                cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+"px";           if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))                cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px";           else                cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+"px";      }      else if (document.layers){           if (ns_slide.left>(actualwidth*(-1)+8))                ns_slide.left-=copyspeed;           else                ns_slide.left=ns_slide2.left+actualwidth;           if (ns_slide2.left>(actualwidth*(-1)+8))                ns_slide2.left-=copyspeed;           else                ns_slide2.left=ns_slide.left+actualwidth;      } } if (iedom||document.layers){      with (document){           document.write('<table border="0" cellspacing="0" cellpadding="0"><td>');           if (iedom){                document.write('<div style="position:relative;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;overflow:hidden;">');                document.write('<div style="position:absolute;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;background-color:' + slidebgcolor + '" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">');                document.write('<div id="test2" style="position:absolute;left:0;top:0"></div>');                document.write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>');                document.write('</div></div>');           }           else if (document.layers){                document.write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>');                document.write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');                document.write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');                document.write('</ilayer>');           }           document.write('</td></table>');      } } </script> <!-- Ende des Addons -->

ich hoffe ihr könnt mir helfen. ich glaube das zauberwort heisst z-index aber ich habs nicht geschafft

Hab schon folgende klasse erstellt ich packs nur nicht wo ich sie definieren soll

1. warum im gotteswillen das Bild so breit machen?? Teil den Verlauf und mach links den Verlauf und rechts den Verlauf.

Im Grund gibst du dem .fade "position:relative;" und "z-index: 2;". Den zwei Verläufen gibst du den style "position: absolute" und "z-index: 3;".



CSS:

danke dir hab hinbekommen! habs auch mit 2 bildern gemacht! aber bei der class .fade kann ich das bild doch raus machen oder?

so siehts jetzt aus


Problem gelöst