|
|
|
 |
 |
 |
 |
Bilder-Slider ändern
Sie befinden sich: Home > Forum > Java Script > Bilder-Slider änd...
Wenn Sie einen Beitrag in diesem Forum schreiben möchten, so ist es erforderlich dass sie sich auf unsere Seite als User anmelden.
In diesen Beitrag wurden 2 Nachrichten geschrieben. | Bilder-Slider ändern | | Nachricht wurde verfasst am 21.10.2009 um 13:33 Uhr von |  | braselfing | Hallo User,
habe auf der Page meines Bruders einen Bildslider integriert.
Im dazu gehörenden Ordner "bilder" liegen 2
verschiedene Bildgrößen. Zur Zeit öffnet bei
Mouseklick auf eines der Bilder die entsprechende
Artikelseite.
Möchte jedoch, dass bei mouse over das große Bild
erscheint. Vermute, der "leftrightslide Code" muss
ergänzt, bzw. geändert werden? Hier der Code der
Slider-Datei. Wer kann helfen?
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&
gt;
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="de" lang="de">
<head>
<meta name="generator" content="HTML Tidy
for Linux (vers 6 November 2007), see www.w3.org" />
<meta http-equiv="content-type"
content="text/html; charset=ISO-8859-1" />
<title>Ohne_Titel_1</title>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
//Specify the slider's width (in pixels)
var sliderwidth="530px"
//Specify the slider's height
var sliderheight="205px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=2
//configure background color:
slidebgcolor="#ffffff"
//Specify the slider's bilder
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="fassungen/av001.php"
target="_blank"><img
src="bilder/AV001_01_nor.jpg"
border=0><\/a>'
leftrightslide[1]='<a href="fassungen/av002.php"
target="_blank"><img
src="bilder/AV002_01_nor.jpg"
border=0><\/a>'
leftrightslide[2]='<a href="fassungen/av003.php"
target="_blank"><img
src="bilder/AV003_01_nor.jpg"
border=0><\/a>'
leftrightslide[3]='<a href="fassungen/av004.php"
target="_blank"><img
src="bilder/AV004_01_nor.jpg"
border=0><\/a>'
leftrightslide[4]='<a href="fassungen/av005.php"
target="_blank"><img
src="bilder/AV005_01_nor.jpg"
border=0><\/a>'
leftrightslide[5]='<a href="fassungen/av006.php"
target="_blank"><img
src="bilder/AV006_01_nor.jpg"
border=0><\/a>'
leftrightslide[6]='<a href="fassungen/av007.php"
target="_blank"><img
src="bilder/AV007_01_nor.jpg"
border=0><\/a>'
leftrightslide[7]='<a href="fassungen/av008.php"
target="_blank"><img
src="bilder/AV008_01_nor.jpg"
border=0><\/a>'
leftrightslide[8]='<a href="fassungen/av010.php"
target="_blank"><img
src="bilder/AV010_01_nor.jpg"
border=0><\/a>'
leftrightslide[9]='<a href="fassungen/av013.php"
target="_blank"><img
src="bilder/AV013_01_nor.jpg"
border=0><\/a>'
leftrightslide[10]='<a href="fassungen/av015.php"
target="_blank"><img
src="bilder/AV015_01_nor.jpg"
border=0><\/a>'
//Specify gap between each image (use HTML):
var imagegap=" "
//Specify pixels gap between each slideshow rotation (use
integer):
var slideshowgap=1
////NO NEED TO EDIT BELOW THIS LINE////////////
var copyspeed=slidespeed
leftrightslide='<nobr>' leftrightslide.join(imagegap)
'<\/nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp"
style="visibility:hidden;position:absolute;top:-100px;lef
t:-9000px">' 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 slideshowgap
"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 slideshowgap
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)-copysp
eed "px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)
actualwidth slideshowgap "px"
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)
8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copy
speed "px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)
actualwidth slideshowgap "px"
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1) 8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left actualwidth slideshowgap
if (ns_slide2.left>(actualwidth*(-1) 8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left actualwidth slideshowgap
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0"
cellspacing="0"
cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'
sliderwidth ';height:' sliderheight
';overflow:hidden">')
write('<div style="position:absolute;width:'
sliderwidth ';height:' sliderheight ';background-color:'
slidebgcolor '" onMouseover="copyspeed=0"
onMouseout="copyspeed=slidespeed">')
write('<div id="test2"
style="position:absolute;left:0px;top:0px"><\/
div>')
write('<div id="test3"
style="position:absolute;left:-1000px;top:0px">&l
t;\/div>')
write('<\/div><\/div>')
}
else if (document.layers){
write('<ilayer width=' sliderwidth ' height=' sliderheight
' name="ns_slidemenu" bgColor=' slidebgcolor
'>')
write('<layer name="ns_slidemenu2" left=0 top=0
onMouseover="copyspeed=0"
onMouseout="copyspeed=slidespeed"><\/layer>
')
write('<layer name="ns_slidemenu3" left=0 top=0
onMouseover="copyspeed=0"
onMouseout="copyspeed=slidespeed"><\/layer>
')
write('<\/ilayer>')
}
document.write('<\/td><\/table>')
}
}
//]]>
</script>
</body>
</html>
Gruß Peter | | | | Nachricht wurde verfasst am 04.11.2009 um 09:42 Uhr von |  | schubertmedia | Hallo,
ist dein Problem noch aktuell oder hast du eine Lösung gefunden? Wenn es noch aktuell ist, würde ich dir gerne helfen. Bitte geben mir Bescheid und ich schaue mir dementsprechend den Code an.
Grüße Nico | Antwort schreiben |
 |
 |
 |
 |
|
