Witam wszystkich.

Mam problem i borykam sie z nim już 2 dzień i niewidze rozwiązania.
Używam biblioteki http://vikjavev.no/highslide/
oraz skryptu http://www.dynamicdrive.com/dynamicindex14...trightslide.htm
dodam że używam jeszcze do tego systemu szablonów smarty

  1. {literal}
  2. <script type="text/javascript">
  3.  
  4. //Specify the slider's images
  5. var leftrightslide=new Array()
  6. //var finalslide=''
  7. {/literal}
  8. <div class="prod">
  9. {foreach from=$product item=row}
  10. {literal}leftrightslide[{/literal}{$row.lp}{literal}]='{/literal}<div style="float:left;"><a href="{$row.link}#{$row.uid}" {literal}onclick="return hs.htmlExpand(this, { objectType: 'ajax', contentId: 'highslide-html{/literal}{$row.uid}{literal}' } )"{/literal} style="vertical-align:bottom; position:relative; top:220px;"><img src="img_pro1/{$row.img1}" alt="{$row.nazwa_ext}" border="0" onMouseOver="JSFX.zoomIn(this)" onMouseOut="JSFX.zoomOut(this)" title="{$row.nazwa_ext}"></a></div>{literal}'{/literal}
  11. {/foreach}
  12. </div>
  13. {literal}
  14. //Specify the slider's width (in pixels)
  15. var sliderwidth="1000px"
  16. //Specify the slider's height
  17. var sliderheight="250px"
  18. //Specify the slider's slide speed (larger is faster 1-10)
  19. var slidespeed=1
  20. //configure background color:
  21. slidebgcolor=""
  22.  
  23. var imagegap=" "
  24.  
  25. //Specify pixels gap between each slideshow rotation (use integer):
  26. var slideshowgap=5
  27.  
  28.  
  29. ////NO NEED TO EDIT BELOW THIS LINE////////////
  30.  
  31. var copyspeed=slidespeed
  32. leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
  33. var iedom=document.all||document.getElementById
  34. if (iedom)
  35. document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
  36. var actualwidth=''
  37. var cross_slide, ns_slide
  38.  
  39. function fillup(){
  40. if (iedom){
  41. cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
  42. cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
  43. cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
  44. actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
  45. cross_slide2.style.left=actualwidth+slideshowgap+"px"
  46. }
  47. else if (document.layers){
  48. ns_slide=document.ns_slidemenu.document.ns_slidemenu2
  49. ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
  50. ns_slide.document.write(leftrightslide)
  51. ns_slide.document.close()
  52. actualwidth=ns_slide.document.width
  53. ns_slide2.left=actualwidth+slideshowgap
  54. ns_slide2.document.write(leftrightslide)
  55. ns_slide2.document.close()
  56. }
  57. lefttime=setInterval("slideleft()",30)
  58. }
  59. window.onload=fillup
  60.  
  61. function slideleft(){
  62. if (iedom){
  63. if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
  64. cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
  65. else
  66. cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"
  67.  
  68. if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
  69. cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
  70. else
  71. cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"
  72.  
  73. }
  74. else if (document.layers){
  75. if (ns_slide.left>(actualwidth*(-1)+8))
  76. ns_slide.left-=copyspeed
  77. else
  78. ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
  79.  
  80. if (ns_slide2.left>(actualwidth*(-1)+8))
  81. ns_slide2.left-=copyspeed
  82. else
  83. ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
  84. }
  85. }
  86.  
  87.  
  88. if (iedom||document.layers){
  89. with (document){
  90. document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
  91. if (iedom){
  92. write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
  93. write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
  94. write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
  95. write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
  96. write('</div></div>')
  97. }
  98. else if (document.layers){
  99. write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
  100. write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
  101. write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
  102. write('</ilayer>')
  103. }
  104. document.write('</td></table>')
  105. }
  106. }
  107. </script>
  108. {/literal}
  109. {/if}

i wyniekiem tego skryptu jest brak wyswietlanych zdjęć.


A mój efekt jaki chcę osiągnąć to oczywiśćie pływające zdjęcia na których klikniecie w dane załaduje biblioteke highslide

dodam że gdy usunę onclick="" to skrypt zaczyna działać lecz niedziała wtedy highslide .
i jak to połączyć proszę o pomoc.