Navigation
 Startseite
 Fachbücher
 Forum
 Webmaster News
 Script Newsletter
 Kontakt
 Script Installation
 Php
 Php Tutorials
 Impressum

Community-Bereich
 kostenlos Registrieren
 Anmelden
 Benutzerliste

Script Datenbank
 Script Archiv
 Script Top 20
 Screenshots
 Testberichte

Suche
 

Unsere Php Scripts
 Counter Script
 Umfrage Script
 Bilder Upload Script
 Terminverwaltung
 Simple PHP Forum
 RSS Grabber

Script Mods
 phpBB Adsense Mode

Tools und Generatoren
 .htpasswd Generator
 md5 Generator
 base64 Generator
 ICQ Generator
 Colorpicker
 Unix timestamp Tool
 TLD Liste
 Webkatalog‑Verzeichnis

Partner
 Sprüche Treff

Hosterplus.de
Bekommen Sie Speicherplatz (Webspace), Domains und...
https://www.Hosterplus.de
Artfiles.de
Bietet Serviceorientierte Internetdienstleistungen...
https://www.Artfiles.de
 
 
 

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 ein
 Benutzerkonto registrieren.

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">
<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;left:-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)-copyspeed "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)-copyspeed "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"><\/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 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