Avatar billede farhang Nybegynder
29. maj 2007 - 15:46 Der er 6 kommentarer

Problem med php/mysql slideshow

Nogen der kan fortælle mig, hvofor nedenstående kode ikke virker?

echo "<script type=\"text/javascript\">
var trans_width='150px' //slideshow width
var trans_height='190px' //slideshow height
var pause=10000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var degree=20 //animation speed. Greater is faster.

var slideshowcontent=new Array()
//Define slideshow contents: [image URL, OPTIONAL LINK, OPTIONAL LINK TARGET] ";

$query_menu = "SELECT * FROM products";
$results = mysql_query($query_menu)
  or die(mysql_error());

$sumcount = 1;
$sum = 1;
$i="0";
$result = mysql_query("SELECT * FROM products");
while ($row = mysql_fetch_array($results)) {
  extract($row);

echo "slideshowcontent[$i]=[\"images/" . $products_imageurl . "\", \"varerbeskrivelse1.php?prodid=" . $products_prodnum . "\", \"\"] ";

if ($sumcount == $sum) {
$sumcount = 0;
}
$sumcount++;
$i++;
}
echo "
////NO need to edit beyond here/////////////

var bgcolor='white'

var imageholder=new Array()
for (i=0;i<slideshowcontent.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideshowcontent[i][0]
}

var ie4=document.all
var dom=document.getElementById&&navigator.userAgent.indexOf(\"Opera\")==-1

if (ie4||dom)
document.write('<div style=\"position:relative;width:'+trans_width+';height:'+trans_height+';overflow:hidden\"><div id=\"canvas0\" style=\"position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;\"></div><div id=\"canvas1\" style=\"position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;\"></div></div>')
else if (document.layers){
document.write('<ilayer id=tickernsmain visibility=hide width='+trans_width+' height='+trans_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+trans_width+' height='+trans_height+' left=0 top=0>'+'<img src=\"'+slideshowcontent[0][0]+'\"></layer></ilayer>')
}

var curpos=trans_width*(-1)
var curcanvas=\"canvas0\"
var curindex=0
var nextindex=1

function getslidehtml(theslide){
var slidehtml=\"\"
if (theslide[1]!=\"\")
slidehtml='<a href=\"'+theslide[1]+'\" target=\"'+theslide[2]+'\">'
slidehtml+='<img src=\"'+theslide[0]+'\" border=\"0\">'
if (theslide[1]!=\"\")
slidehtml+='</a>'
return slidehtml
}

function moveslide(){
if (curpos<0){
curpos=Math.min(curpos+degree,0)
tempobj.style.left=curpos+\"px\"
}
else{
clearInterval(dropslide)
if (crossobj.filters)
crossobj.filters.alpha.opacity=100
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=1
nextcanvas=(curcanvas==\"canvas0\")? \"canvas0\" : \"canvas1\"
tempobj=ie4? eval(\"document.all.\"+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=getslidehtml(slideshowcontent[curindex])
nextindex=(nextindex<slideshowcontent.length-1)? nextindex+1 : 0
setTimeout(\"rotateslide()\",pause)
}
}

function rotateslide(){
if (ie4||dom){
resetit(curcanvas)
crossobj=tempobj=ie4? eval(\"document.all.\"+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=75
else if (crossobj.style.MozOpacity)
document.getElementById(\"canvas0\").style.MozOpacity=document.getElementById(\"canvas1\").style.MozOpacity=0.2
var temp='setInterval(\"moveslide()\",50)'
dropslide=eval(temp)
curcanvas=(curcanvas==\"canvas0\")? \"canvas1\" : \"canvas0\"
}
else if (document.layers){
crossobj.document.write(getslidehtml(slideshowcontent[curindex]))
crossobj.document.close()
}
curindex=(curindex<slideshowcontent.length-1)? curindex+1 : 0
}

function jumptoslide(which){
curindex=which
rotateslide()
}

function resetit(what){
curpos=parseInt(trans_width)*(-1)
var crossobj=ie4? eval(\"document.all.\"+what) : document.getElementById(what)
crossobj.style.left=curpos+\"px\"
}

function startit(){
crossobj=ie4? eval(\"document.all.\"+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
if (ie4||dom){
crossobj.innerHTML=getslidehtml(slideshowcontent[curindex])
rotateslide()
}
else{
document.tickernsmain.visibility='show'
curindex++
setInterval(\"rotateslide()\",pause)
}
}

if (window.addEventListener)
window.addEventListener(\"load\", startit, false)
else if (window.attachEvent)
window.attachEvent(\"onload\", startit)
else if (ie4||dom||document.layers)
window.onload=startit

</script>";
?>
Avatar billede jakobdo Ekspert
29. maj 2007 - 15:57 #1
Jeg tror du skal forklare hvad der ikke virker.
Jeg tror de færreste kan lige kigge på din kode, og fortælle hvad fejlen er, samt hvad løsningen på fejlen er.
Avatar billede w13 Novice
30. maj 2007 - 00:13 #2
Jeg kunne ved et tilfælde.. :)

echo "<script type=\"text/javascript\">
skal lige lukkes:
echo "<script type=\"text/javascript\">"
Avatar billede jakobdo Ekspert
30. maj 2007 - 07:55 #3
w13: Det kunne du desværre ikke!
Den bliver lukket længere nede:

echo "<script type=\"text/javascript\">
var trans_width='150px' //slideshow width
var trans_height='190px' //slideshow height
var pause=10000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var degree=20 //animation speed. Greater is faster.

var slideshowcontent=new Array()
//Define slideshow contents: [image URL, OPTIONAL LINK, OPTIONAL LINK TARGET] ";

Dog er du tæt på!
For // udkommenterer slutningen.
Så prøv lige:

echo "<script type=\"text/javascript\">
var trans_width='150px' //slideshow width
var trans_height='190px' //slideshow height
var pause=10000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var degree=20 //animation speed. Greater is faster.

var slideshowcontent=new Array()
//Define slideshow contents: [image URL, OPTIONAL LINK, OPTIONAL LINK TARGET]
";
Avatar billede w13 Novice
30. maj 2007 - 12:50 #4
Nå ja.. Det havde jeg ikke lige set. Det troede jeg heller ikke, man kunne i PHP - den var aldrig gået i ASP :P
Avatar billede farhang Nybegynder
31. maj 2007 - 12:46 #5
Mit problem er at billederne ikke bliver vist i browseren, selvom kildekoden henter billede dataene:

<script type="text/javascript">
var trans_width='150px' //slideshow width
var trans_height='190px' //slideshow height
var pause=10000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var degree=20 //animation speed. Greater is faster.

var slideshowcontent=new Array()
//Define slideshow contents: [image URL, OPTIONAL LINK, OPTIONAL LINK TARGET]
slideshowcontent[0]=["images/61513.jpg", "varerbeskrivelse1.php?prodid=61111", ""] slideshowcontent[1]=["images/61327.jpg", "varerbeskrivelse1.php?prodid=61112", ""] slideshowcontent[2]=["images/61489.jpg", "varerbeskrivelse1.php?prodid=61113", ""] slideshowcontent[3]=["images/61527.jpg", "varerbeskrivelse1.php?prodid=61114", ""] slideshowcontent[4]=["images/61529.jpg", "varerbeskrivelse1.php?prodid=61115", ""] slideshowcontent[5]=["images/61283.jpg", "varerbeskrivelse1.php?prodid=61116", ""] slideshowcontent[6]=["images/61427.jpg", "varerbeskrivelse1.php?prodid=61117", ""] slideshowcontent[7]=["images/61315.jpg", "varerbeskrivelse1.php?prodid=61118", ""] slideshowcontent[8]=["images/61311.jpg", "varerbeskrivelse1.php?prodid=61119", ""] slideshowcontent[9]=["images/61427.jpg", "varerbeskrivelse1.php?prodid=61120", ""] slideshowcontent[10]=["images/61283.jpg", "varerbeskrivelse1.php?prodid=61121", ""] slideshowcontent[11]=["images/61489.jpg", "varerbeskrivelse1.php?prodid=61122", ""] slideshowcontent[12]=["images/61307.jpg", "varerbeskrivelse1.php?prodid=61123", ""] slideshowcontent[13]=["images/61517.jpg", "varerbeskrivelse1.php?prodid=61124", ""] slideshowcontent[14]=["images/61193.jpg", "varerbeskrivelse1.php?prodid=61125", ""] slideshowcontent[15]=["images/61439.jpg", "varerbeskrivelse1.php?prodid=61126", ""] slideshowcontent[16]=["images/61441.jpg", "varerbeskrivelse1.php?prodid=61127", ""] slideshowcontent[17]=["images/61245.jpg", "varerbeskrivelse1.php?prodid=61128", ""] slideshowcontent[18]=["images/61349.jpg", "varerbeskrivelse1.php?prodid=61129", ""] slideshowcontent[19]=["images/61227.jpg", "varerbeskrivelse1.php?prodid=61130", ""] slideshowcontent[20]=["images/61403.jpg", "varerbeskrivelse1.php?prodid=61131", ""] slideshowcontent[21]=["images/61249.jpg", "varerbeskrivelse1.php?prodid=61132", ""] slideshowcontent[22]=["images/61329.jpg", "varerbeskrivelse1.php?prodid=61133", ""] slideshowcontent[23]=["images/", "varerbeskrivelse1.php?prodid=61134", ""] slideshowcontent[24]=["images/", "varerbeskrivelse1.php?prodid=61135", ""] slideshowcontent[25]=["images/61201.jpg", "varerbeskrivelse1.php?prodid=61136", ""] slideshowcontent[26]=["images/", "varerbeskrivelse1.php?prodid=61137", ""]
////NO need to edit beyond here/////////////

var bgcolor='white'

var imageholder=new Array()
for (i=0;i<slideshowcontent.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideshowcontent[i][0]
}

var ie4=document.all
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

if (ie4||dom)
document.write('<div style="position:relative;width:'+trans_width+';height:'+trans_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
else if (document.layers){
document.write('<ilayer id=tickernsmain visibility=hide width='+trans_width+' height='+trans_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+trans_width+' height='+trans_height+' left=0 top=0>'+'<img src="'+slideshowcontent[0][0]+'"></layer></ilayer>')
}

var curpos=trans_width*(-1)
var curcanvas="canvas0"
var curindex=0
var nextindex=1

function getslidehtml(theslide){
var slidehtml=""
if (theslide[1]!="")
slidehtml='<a href="'+theslide[1]+'" target="'+theslide[2]+'">'
slidehtml+='<img src="'+theslide[0]+'" border="0">'
if (theslide[1]!="")
slidehtml+='</a>'
return slidehtml
}

function moveslide(){
if (curpos<0){
curpos=Math.min(curpos+degree,0)
tempobj.style.left=curpos+"px"
}
else{
clearInterval(dropslide)
if (crossobj.filters)
crossobj.filters.alpha.opacity=100
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=1
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=getslidehtml(slideshowcontent[curindex])
nextindex=(nextindex<slideshowcontent.length-1)? nextindex+1 : 0
setTimeout("rotateslide()",pause)
}
}

function rotateslide(){
if (ie4||dom){
resetit(curcanvas)
crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=75
else if (crossobj.style.MozOpacity)
document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2
var temp='setInterval("moveslide()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else if (document.layers){
crossobj.document.write(getslidehtml(slideshowcontent[curindex]))
crossobj.document.close()
}
curindex=(curindex<slideshowcontent.length-1)? curindex+1 : 0
}

function jumptoslide(which){
curindex=which
rotateslide()
}

function resetit(what){
curpos=parseInt(trans_width)*(-1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.left=curpos+"px"
}

function startit(){
crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
if (ie4||dom){
crossobj.innerHTML=getslidehtml(slideshowcontent[curindex])
rotateslide()
}
else{
document.tickernsmain.visibility='show'
curindex++
setInterval("rotateslide()",pause)
}
}

if (window.addEventListener)
window.addEventListener("load", startit, false)
else if (window.attachEvent)
window.attachEvent("onload", startit)
else if (ie4||dom||document.layers)
window.onload=startit

</script>
Avatar billede jakobdo Ekspert
31. maj 2007 - 13:00 #6
Og det er korrekt angivet sti til billederne?
Har du et link, hvor vi kan se slideshowet live?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester