Hallo,
da ich keine Ahnung von Java-Programmierung habe, bediene ich mich immer fertiger Scripts von Anbietern im Internet.
Ich habe nun ein tolles Script zur Bilder-Slide-Show gefunden, was ich schon lange für meine Homepage suchte und für mich einfach einzubauen und zu konfigurieren ist.
Aber ich hätte gerne eine kleine Änderung, die ich mangels Java-Kenntnisse nicht hinbekomme (siehe Frage ganz unten).
Hier das Script, ich habe es zur Demo in eine einfache Tabellen-Seite eingebaut:
Leider bräuchte ich eine kleine Änderung, aber stundenlanges Versuchen es selbst zu lösen war vergebens.
Vielleicht könnte mir ein Profi die Änderung aufzeigen.
Hier mein Änderungswunsch:
Es ist ein Hyperlink auf jedem Bild, das vorbeiläuft. Wenn man mit der Maus über ein Bild geht, bleibt die SlideShow stehen und der betreffende Hyperlink [pix[0]='<a href="img1b.jpg"><img src=".......] öffnet das Bild in einer größeren Auflösung, aber leider immer in einem neuen Fenster.
Da ich aber das betreffende Bild in einem PopUp-Fenster anzeigen will, habe ich versucht den Code des seperaten Bildes in der Tabelle links zu verwenden (<a href="javascript:na_open_window('win', 'file:///E:/Eigene Dateien/HTML-Codes/Diashows/Slide-2/img1b.jpg', 0, 0, 400, 300, 0, 0, 0, 0, 0)" target="_self">), doch leider funktioniert der so bei der SlideShow nicht.
Wie bitte muß der Code heißen, damit das angeklickte Bild in einem größendefinierbarem PopUp-Fenster angezeigt wird und das SlideShow-Script nach wie vor funktioniert?
Dieser Hyperlink (bei den x'es) sollte das PopUp-Fenster mit Pfadangabe auf das Bild in größerer Auflösung enthalten. Der Titel und die Größenangaben für das PopUp-Fenster sollten auch enthalten sein.
pix[0]='<a href="xxxxxxxxxx"><img src="E:/Eigene Dateien/HTML-Codes/Diashows/Slide-2/img1.jpg" width="127" height="95" border="0" alt="Bild 1"></a>';
Vielen Dank für eure Hilfe.
Gruß Jakob
da ich keine Ahnung von Java-Programmierung habe, bediene ich mich immer fertiger Scripts von Anbietern im Internet.
Ich habe nun ein tolles Script zur Bilder-Slide-Show gefunden, was ich schon lange für meine Homepage suchte und für mich einfach einzubauen und zu konfigurieren ist.
Aber ich hätte gerne eine kleine Änderung, die ich mangels Java-Kenntnisse nicht hinbekomme (siehe Frage ganz unten).
Hier das Script, ich habe es zur Demo in eine einfache Tabellen-Seite eingebaut:
Code:
<html>
<head>
<title>Slide Show</title>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<p> </p>
<table border="1" width="973">
<tr>
<td width="116" height="654">
<p><a href="javascript:na_open_window('win', 'IMG1b.JPG', 0, 0, 300, 200, 0, 0, 0, 0, 0)" target="_self"><img src="IMG1.JPG" width="127" height="95" border="0"></a></p>
</td>
<td width="840" align="center" valign="top">
<table style="margin-top:25;" border="1" width="508" height="100">
<tr>
<td width="400" height="95">
<p style="margin-top:0; margin-bottom:0;">
<script type="text/javascript">
<!--
//Specify the slider's width (in pixels)
var sliderwidth=508
//Specify the slider's height (in pixels, pertains only to NS)
var sliderheight=95
//Specify the slider's scroll speed (larger is faster)
var slidespeed=2
//Specify the slider's images
var pix=new Array()
var finalslide=''
pix[0]='<A href="img1b.jpg"><img src="E:/Eigene Dateien/HTML-Codes/Diashows/Slide-2/img1.jpg" width="127" height="95" border="0" alt="Bild 1"></a>';
pix[1]='<a href="img2b.jpg"><img src="E:/Eigene Dateien/HTML-Codes/Diashows/Slide-2/img2.jpg" width="127" height="95" border="0" alt="Bild 2"></a>';
pix[2]='<a href="img3b.jpg"><img src="E:/Eigene Dateien/HTML-Codes/Diashows/Slide-2/img3.jpg" width="127" height="95" border="0" alt="Bild 3"></a>';
pix[3]='<a href="img4b.jpg"><img src="E:/Eigene Dateien/HTML-Codes/Diashows/Slide-2/img4.jpg" width="127" height="95" border="0" alt="Bild 4"></a>';
pix[4]='<a href="img5b.jpg"><img src="E:/Eigene Dateien/HTML-Codes/Diashows/Slide-2/img5.jpg" width="127" height="95" border="0" alt="Bild 5"></a>';
pix[5]='<a href="img6b.jpg"><img src="E:/Eigene Dateien/HTML-Codes/Diashows/Slide-2/img6.jpg" width="127" height="95" border="0" alt="Bild 6"></a>';
pix[6]='<a href="img7b.jpg"><img src="E:/Eigene Dateien/HTML-Codes/Diashows/Slide-2/img7.jpg" width="127" height="95" border="0" alt="Bild 1"></a>';
///////do NOT edit pass this line////////////////////////////////////
var copyspeed=slidespeed
//copy contents of leftrightslide into one variable
for (i=0;i<pix.length;i++)
finalslide=finalslide+pix[i]+" "
if (document.all){
//dynamically write out the marquee tag
document.write('<marquee behavior="alternate" id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
//stop marquee when mouse is over it
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
//re-enable marquee when mouse is out
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",450)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}
//NS specific function for initializing slider upon page load
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider02.document.width
scrollslide()
}
//NS specific function for sliding slideshow
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth
scrollslide()
}
}
window.onload=regenerate2
//-->
</script>
</td>
</tr>
</table>
</td>
</tr>
</table>
<p> </p>
</body>
</html>Leider bräuchte ich eine kleine Änderung, aber stundenlanges Versuchen es selbst zu lösen war vergebens.
Vielleicht könnte mir ein Profi die Änderung aufzeigen.
Hier mein Änderungswunsch:
Es ist ein Hyperlink auf jedem Bild, das vorbeiläuft. Wenn man mit der Maus über ein Bild geht, bleibt die SlideShow stehen und der betreffende Hyperlink [pix[0]='<a href="img1b.jpg"><img src=".......] öffnet das Bild in einer größeren Auflösung, aber leider immer in einem neuen Fenster.
Da ich aber das betreffende Bild in einem PopUp-Fenster anzeigen will, habe ich versucht den Code des seperaten Bildes in der Tabelle links zu verwenden (<a href="javascript:na_open_window('win', 'file:///E:/Eigene Dateien/HTML-Codes/Diashows/Slide-2/img1b.jpg', 0, 0, 400, 300, 0, 0, 0, 0, 0)" target="_self">), doch leider funktioniert der so bei der SlideShow nicht.
Wie bitte muß der Code heißen, damit das angeklickte Bild in einem größendefinierbarem PopUp-Fenster angezeigt wird und das SlideShow-Script nach wie vor funktioniert?
Dieser Hyperlink (bei den x'es) sollte das PopUp-Fenster mit Pfadangabe auf das Bild in größerer Auflösung enthalten. Der Titel und die Größenangaben für das PopUp-Fenster sollten auch enthalten sein.
pix[0]='<a href="xxxxxxxxxx"><img src="E:/Eigene Dateien/HTML-Codes/Diashows/Slide-2/img1.jpg" width="127" height="95" border="0" alt="Bild 1"></a>';
Vielen Dank für eure Hilfe.
Gruß Jakob
