nicht angemeldet
Link in JS Array
JürgenBHallo zusammen,
ich bin gerade ein wenig am rumbasteln mit diesem script und soweit funktioniert auch alles... schlussendlich habe ich drei fotos, die lustig durch den bidlschirm flitzen...
meine hauptfrage wäre:
ist es möglich, einen link auf die bilder zu legen?
d.h. ich möchte auf eines der bilder dir rumflitzen drücken, und auf eine andere homepage geführt werden.
für jegliche hilfe wäre ich sehr dankbar.
viele grüsse
fenris
hier das script:
<!-- Das "Fliegende Buchstaben"-Script beginnt hier -->
<script type="text/javascript">
<!-- Multi Random Movement 2 Script by kurt.grigg@virgin.net
/* NUR HIER AENDERUNGEN VORNEHMEN UND ANPASSEN */
Pic=new Array('../fotos/1.jpg','../fotos/2.jpg','../fotos/3.jpg') // Die URL-Adressen der Bilder
MaxSpeed=4; // Maximale Geschwindigkeit
MinSpeed=2; // Minimale Geschwindigkeit
/* AB HIER BITTE NICHTS AENDERN */
/* Nothing needs altering below */
load = new Array()
for(i=0; i < Pic.length; i++)
{
load[i] = new Image();
load[i].src = Pic[i];
}
n=Pic.length;
n6=(document.getElementById&&!document.all);
ns=(document.layers);
ie=(document.all);
d=(ns||ie)?'document.':'document.getElementById("';
a=(ns||n6)?'':'all.';
n6r=(n6)?'")':'';
s=(ns)?'':'.style';
if (ns){
for (i=0; i < n; i++)
document.write("<LAYER NAME='pics"+i+"' LEFT=0 TOP=0><img name='netpics' src="+load[i].src+"></LAYER>");
}
if (ie||n6){
for (i=0; i < n; i++)
document.write("<div id='pics"+i+"' style='position:absolute;top:0px;left:0px'><img src="+load[i].src+"></div>");
}
VB=0;
HB=0;
R=new Array();
PB=new Array();
RD=new Array();
Y=new Array();
X=new Array();
D=new Array();
SP=new Array();
BY=new Array();
BX=new Array();
for (i=0; i < n; i++){
Y[i]=10;
X[i]=10;
D[i]=Math.floor(Math.random()*70+10);
SP[i]=Math.floor(Math.random()*MaxSpeed+MinSpeed);
}
function Curve(){
plusMinus=new Array(1,-1,2,-2,3,-3,0,1,-1,0,5,-5)
for (i=0; i < n; i++){
R[i]=Math.floor(Math.random()*plusMinus.length);
RD[i]=plusMinus[R[i]];
}
setTimeout('Curve()',1500);
}
function MoveRandom(){
var H=(ns||n6)?window.innerHeight:document.body.clientHeight;
var W=(ns||n6)?window.innerWidth:document.body.clientWidth;
var YS=(ns||n6)?window.pageYOffset:document.body.scrollTop;
var XS=(ns||n6)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < n; i++){
BY[i]=-load[i].height;
BX[i]=-load[i].width;
PB[i]=D[i]+=RD[i];
y = SP[i]*Math.sin(PB[i]*Math.PI/180);
x = SP[i]*Math.cos(PB[i]*Math.PI/180);
if (D[i] < 0) D[i]+=360;
Y[i]+=y;
X[i]+=x;
VB=180-D[i];
HB=0-D[i];
//Corner rebounds! not necessary but looks nice.
if ((Y[i] < 1) && (X[i] < 1)) {Y[i]=1;X[i]=1;D[i]=45;}
if ((Y[i] < 1) && (X[i] > W+BX[i])) {Y[i]=1;X[i]=W+BX[i];D[i]=135;}
if ((Y[i] > H+BY[i]) && (X[i] < 1)) {Y[i]=H+BY[i];X[i]=1;D[i]=315;}
if ((Y[i] > H+BY[i]) && (X[i] > W+BX[i])) {Y[i]=H+BY[i];X[i]=W+BX[i];D[i]=225;}
//Edge rebounds!
if (Y[i] < 1) {Y[i]=1;D[i]=HB;}
if (Y[i] > H+BY[i]) {Y[i]=H+BY[i];D[i]=HB;}
if (X[i] < 1) {X[i]=1;D[i]=VB;}
if (X[i] > W+BX[i]) {X[i]=W+BX[i];D[i]=VB;}
if (document.getElementById)
{
var temp = document.getElementById("pics"+i).style;
}
else if (document.all)
{
var temp = document.all.pics+i.style;
}
else if (document.layers)
{
var temp = document.layers.pics+i;
}
temp.top=Y[i]+YS;
temp.left=X[i]+XS;
}
setTimeout('MoveRandom()',10);
}
Curve();
MoveRandom();
//-->
</script>
<!-- Das "Fliegende Buchstaben"-Script endet hier -->
-
hi,
meine hauptfrage wäre:
ist es möglich, einen link auf die bilder zu legen?Was ist es denn, was da bewegt wird?
Wenn du das Script mal ein bisschen analysiert hast, müsste dir das doch aufgefallen sein:
for (i=0; i < n; i++)
document.write("<div id='pics"+i+"' style='position:absolute;top:0px;left:0px'><img src="+load[i].src+"></div>");
}Aha, ein absolut positioniertes Div mit Bild drin, das müsste es wohl sein.
Und, bekommst du es jetzt hin, da noch einen Link hinzuzufügen?
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Vielen dank erst mal für die prompte Antwort, nein... leider nicht.
Das einzige was passiert ist, dass mir die Bilder noch nicht mal angezeigt werden, sindern einfach als Platzhalter rumschwirren... Vielleicht einen kleinen hint? (Sorry, bin echt nicht so auf der Höhe im scripten). Gruss Fenris-
hi,
Vielen dank erst mal für die prompte Antwort, nein... leider nicht.
Das einzige was passiert ist, dass mir die Bilder noch nicht mal angezeigt werden, sindern einfach als Platzhalter rumschwirren... Vielleicht einen kleinen hint?Ja, bitte - einen kleinen "hint" von dir, für uns.
</hilfe/charta.htm#tipps-fuer-fragende>Wenn du uns nicht sagst, was du probiert hast, können wir dir kaum sagen, was du dabei falsch gemacht haben könntest.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Wenn du uns nicht sagst, was du probiert hast, können wir dir kaum sagen, was du dabei falsch gemacht haben könntest.
oh, klar. wenigstens das durchschau ich...
hier mein verlinkungsversuch:if (ie||n6){
for (i=0; i < n; i++)
document.write("<div id='pics"+i+"' style='position:absolute;top:0px;left:0px'>
<a href="http://www.homepage.yx"><img src="+load[i].src+"></a></div>");
}Wo müsste ich den ansonsten platzieren?
Grüsse
fenris-
hi,
document.write("<div id='pics"+i+"' style='position:absolute;top:0px;left:0px'><a href="http://www.homepage.yx"><img src="+load[i].src+"></a></div>");
Dass der String nach dem <a href=" zu Ende ist, sollte dir klar sein.
Wo müsste ich den ansonsten platzieren?
Erst mal brauchst du gültigen Javascript-Code.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Dass der String nach dem <a href=" zu Ende ist, sollte dir klar sein.
...
Erst mal brauchst du gültigen Javascript-Code.
Sorry, kann Dir leider echt nicht folgen, ich fummle ein wenig mit diesem Code rum, um mir meine homepage selber zu basteln, bin echt blutiger Anfänger. ich hatte zuvor ziemlich wenig mit der ganzen Materie am Hut. Könntest Du mir eine Hilfestellung geben, die auch für mich einigermassen nachvollziehbar ist?
-
Moin
Könntest Du mir eine Hilfestellung geben, die auch für mich einigermassen nachvollziehbar ist?
Innerhalb eines Strings,d er in " eingeschlossen ist musst du entweder einf. Anführungszeichen ' nutzen oder die " maskieren.
Du hast dort aber href="..." (also 2 mal ") mitten im String.Gruß
rfb--
Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
(Galileo Galilei)-
Innerhalb eines Strings,d er in " eingeschlossen ist musst du entweder einf. Anführungszeichen ' nutzen oder die " maskieren.
Du hast dort aber href="..." (also 2 mal ") mitten im String.Gruß
rfboh, ok. verstehe langsam... habs mal geändert,(und auch einigermassen nachgelesen in der Hilfe). Jetzt zeigt es mir aber die bilder nicht mehr an. Darf ich Eure Geduld nochmals in Anspruch nehmen?
document.write("<div id='pics"+i+"' style='position:absolute;top:0px;left:0px'>"<a href='http://www.homepage.yx'><img src="+load[i].src+"></a></div>");
Grüsse
Fenris
-
Hallo Fenris,
document.write("<div id='pics"+i+"' style='position:absolute;top:0px;left:0px'>"<a href='http://www.homepage.yx'><img src="+load[i].src+"></a></div>");
^
Gruß, Jürgen
-
Hallo Fenris,
document.write("<div id='pics"+i+"' style='position:absolute;top:0px;left:0px'>"<a href='http://www.homepage.yx'><img src="+load[i].src+"></a></div>");
^Gruß, Jürgen
Besten Dank, das hatte ich eben auch schon versucht, seither zeigt es mir die Bilder nicht mehr an...
Wie gesagt habe ich das Script nur übernommen und wollte es ein wenig anpassen, ich habe noch fast keine Erfahrung im Scripten.
-
hi,
document.write("<div id='pics"+i+"' style='position:absolute;top:0px;left:0px'>"<a href='http://www.homepage.yx'><img src="+load[i].src+"></a></div>");
^Besten Dank, das hatte ich eben auch schon versucht, seither zeigt es mir die Bilder nicht mehr an...
Was hast du versucht - den Fehler, auf den Jürgen dich mit dem ^ hinweisen wollte, zu wiederholen?
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Was hast du versucht - den Fehler, auf den Jürgen dich mit dem ^ hinweisen wollte, zu wiederholen?
hello again. nein, den habe ich so mitbekommen. es hat mir zwischendurch trotz speichern wohl nicht aktualisiert, darum hat es mir das ganze wohl falsch angezeit. mittlerweile gehts ganz ordentlich, besten dank euch!
grüsse
fenris
-
-
-
-
Moin
wozu dient das " in
... 0px'>"<a href ...
Gruß
rfb--
Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
(Galileo Galilei)
-
-
-
hi,
Dass der String nach dem <a href=" zu Ende ist, sollte dir klar sein.
...
Erst mal brauchst du gültigen Javascript-Code.Sorry, kann Dir leider echt nicht folgen, ich fummle ein wenig mit diesem Code rum, um mir meine homepage selber zu basteln, bin echt blutiger Anfänger. ich hatte zuvor ziemlich wenig mit der ganzen Materie am Hut. Könntest Du mir eine Hilfestellung geben, die auch für mich einigermassen nachvollziehbar ist?
Anfänger zu sein sollte kein Schutzschild sein, den man vor sich herschiebt - wenn dir Grundlagenkenntnisse fehlen, dann musst du dich halt mal ein wenig damit beschäftigen. Das Javascript-Kapitel von SELFHTML bietet dir dafür einen guten Einstiegspunkt.
Für das aktuell vorliegende Problem schau dir erst mal das an: http://de.selfhtml.org/javascript/sprache/notationen.htm#zeichenketten
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }
-
-
-
-
-
-