Einzelne Bilder verlinken

**Speedy19102000** · 16.10.2006 19:43

Moin!

Ich bin soweit zufrieden mit diesem Script, allerdings möchte ich, daß
jedes einzelne Bild einen Link erhält, welches in einem anderen Fenster
öffnet. Kann mir da bitte einer helfen!

Hier das Script:

Code:

<html>

<head>
<title>Scroller</title>
<meta http-equiv="imagetoolbar" content="no">


<Script>
var picNames = new Array

function myImage(name, height){
	this.name = name
	this.height = height
   }
   
picNames[0] = new myImage('scrollpik/slide21.jpg',221)
picNames[1] = new myImage('scrollpik/slide22.jpg',221)
picNames[2] = new myImage('scrollpik/slide23.jpg',221)
picNames[3] = new myImage('scrollpik/slide24.jpg',221)
picNames[4] = new myImage('scrollpik/slide25.jpg',221)
picNames[5] = new myImage('scrollpik/slide26.jpg',221)

var speed = 20

var kk = picNames.length
var hhh
var nnn
var myInterval
var myPause


var imgArray = new Array(kk)
var myTop = new Array(kk)
for (ii=0;ii<kk;ii++){
imgArray[ii] = new Image()
imgArray[ii].src = picNames[ii].name
	hhh=0 
	for (nnn=0;nnn<ii;nnn++){
		hhh=hhh+picNames[nnn].height
	}
	myTop[ii] = hhh
}

function autoScroll(){
	for (ii=0;ii<kk;ii++){
		myTop[ii] = myTop[ii] - 1

	if (myTop[ii] == -(eval('myImage'+ii).height)){
		hhh = 0
		for (nnn=0;nnn<kk;nnn++){
			if (nnn!=ii){
				hhh = hhh + eval('myImage'+nnn).height
			}			
		}
		myTop[ii] =  hhh
	}
			
	eval('myImage'+ii).style.top =  myTop[ii]
	}	
	
}

function startScrolling(){
var start = true
	for (ii=0;ii<kk;ii++){
		if (eval('myImage' + ii).complete == false){
		start = false
		}
	}
	if (start 	== true){
		window.clearInterval(myPause)
		myInterval = setInterval("autoScroll()",speed)	
	}
}	

</Script>
</head>

<body bgcolor="#eeeedd">

<Script>
for (ii=0;ii<kk;ii++){
document.write('<img name = myImage' + ii + ' ID = myImage' + ii + ' space=0 hspace=0 vspace=0 border=2 style=position:absolute;left=0;top:' + myTop[ii] + '; src=' + imgArray[ii].src + '>')
}

myPause = setInterval("startScrolling()",2000)

</Script>

</body>

</html>

MfG Speedy

**321** · 17.10.2006 01:18

Etwa so.
Grün hinzufügen und rot noch korrigieren!

document.write('<a href="xxxxx.yyy" target="_blank" onclick="popup(\'xxxxx.yyy)\'>' +
'<img name = myImage' + ii + ' ID = myImage' + ii
+ ' space=0 hspace=0 vspace=0 border=2 style="position:absolute;left=0;top:"'
+ myTop[ii] + '; src=' + imgArray[ii].src + '></a>')

POPUP:siehe hier

HTML-Code:

function popup (Adresse) {
  Fenster1 = window.open(Adresse, "Zweitfenster", 
    "width=300,height=400,left=100,top=200");
  Fenster1.focus();
  return(false)
}

**Speedy19102000** · 17.10.2006 02:28

@Joe

Hallo! Erstmal Danke für Deine Hilfe.

Ich habe es so gemacht, wie Du es beschrieben hast:

Den Code eingefügt und die "Gänsefüßchen", welche vorher nicht da waren,
habe ich eingefügt. Aber irgendwie scheint es nicht klappen zu wollen.
Hier nochmal der vollständige Code:

Code:

<html>

<head>
<title>Scroller</title>

<script language="JavaScript">
<!--
var picNames = new Array

function myImage(name, height){
	this.name = name
	this.height = height
   }
   
picNames[0] = new myImage('scrollpik/slide21.jpg',221)
picNames[1] = new myImage('scrollpik/slide22.jpg',221)
picNames[2] = new myImage('scrollpik/slide23.jpg',221)
picNames[3] = new myImage('scrollpik/slide24.jpg',221)
picNames[4] = new myImage('scrollpik/slide25.jpg',221)
picNames[5] = new myImage('scrollpik/slide26.jpg',221)

var speed = 20

var kk = picNames.length
var hhh
var nnn
var myInterval
var myPause

var imgArray = new Array(kk)
var myTop = new Array(kk)
for (ii=0;ii<kk;ii++){
imgArray[ii] = new Image()
imgArray[ii].src = picNames[ii].name
	hhh=0 
	for (nnn=0;nnn<ii;nnn++){
		hhh=hhh+picNames[nnn].height
	}
	myTop[ii] = hhh
}
function popup (Adresse) {
  Fenster1 = window.open(Adresse, "Zweitfenster", 
    "width=300,height=400,left=100,top=200");
  Fenster1.focus();
  return(false)
}
function autoScroll(){
	for (ii=0;ii<kk;ii++){
		myTop[ii] = myTop[ii] - 1

	if (myTop[ii] == -(eval('myImage'+ii).height)){
		hhh = 0
		for (nnn=0;nnn<kk;nnn++){
			if (nnn!=ii){
				hhh = hhh + eval('myImage'+nnn).height
			}			
		}
		myTop[ii] =  hhh
	}
			
	eval('myImage'+ii).style.top =  myTop[ii]
	}	
	
}

function startScrolling(){
var start = true
	for (ii=0;ii<kk;ii++){
		if (eval('myImage' + ii).complete == false){
		start = false
		}
	}
	if (start 	== true){
		window.clearInterval(myPause)
		myInterval = setInterval("autoScroll()",speed)	
	}
}
//-->	
</Script>
</head>

<body>

<Script>
for (ii=0;ii<kk;ii++){
document.write('<a href="xxxxx.yyy" target="_blank" onclick="popup(\'xxxxx.yyy)\'>' + '<img name = myImage' + ii + ' ID = myImage' + ii + ' space=0 hspace=0 vspace=0 border=2 style="position:absolute;left=0;top:"'+ myTop[ii] + '; src=' + imgArray[ii].src + '></a>')
}

myPause = setInterval("startScrolling()",2000)

</Script>

</body>

</html>

Ich bin, was Scripte betrifft, nicht ganz so gut bewandert. Deswegen wäre
ich Dir Dankbar, wenn Du mir weiterhelfen könntest!

MfG Speedy

**321** · 17.10.2006 12:08

Wenn der Code bereinigt ist, sieht man auch die " und ' bissi besser

dann noch kleine Korrektur meines Popups: return(false) im onclick statt in der Funktion.

Guck mal hier !

zur Startseite vom TP

Thema: Einzelne Bilder verlinken

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Einzelne Bilder verlinken

Aktive Benutzer

Aktive Benutzer