|
|||
Bilder in Javascript Datei verlinken?
Ich nutze ein Javascript um ein Überblend Effekt zu erzeugen. In diesem werden auch die Bilder dafür angegeben. Kann man die Bilder in einer Javascript Datei auf eine HTML Seite Verlinken?
Code:
var def_imges=new Array ('templates/JTL-Shop3-Tiny-311/themes/custom/images/ueberblende_1.png', 'templates/JTL-Shop3-Tiny-311/themes/custom/images/ueberblende_2.png');
__________________
Das Leben ist ein scheiss Spiel, aber die Grafik ist geil! |
Sponsored Links |
|
|||
Naja du könntest z.b. ein zweites Array erstellen, welches die Links beinhaltet. Solange Link und Bild den gleichen Index haben, sollte es kein Problem sein.
Code:
var def_imges=new Array ('templates/JTL-Shop3-Tiny-311/themes/custom/images/ueberblende_1.png', 'templates/JTL-Shop3-Tiny-311/themes/custom/images/ueberblende_2.png'); Code:
var def_links=new Array ('link1', 'link2'); Code:
if(def_links.length == def_imge.length){ for(i=0;i<def_links.length;i++){ document.write('<a href="'+def_links[i]+'"><img src="'+def_imge[i]+'"></a>'); } } Gruß Geändert von zeji (28.09.2011 um 16:36 Uhr) |
Sponsored Links |
|
|||
Also ich denke schon das du das verstanden hast. Ich jedoch verstehe das was du schreibst nicht so richtig. Grund sind fehlende Kenntnisse in Javascript.
Ich wollte das jedes Bild auf eine ander HTML Seite verlinkt ist. Könntest du vielleicht mal ein Beispiel schreiben wo ein Bild auf Google oder so verlinkt ist. Ich denke dann sehe ich da mehr durch.
__________________
Das Leben ist ein scheiss Spiel, aber die Grafik ist geil! |
|
|||
Also da müssen wir uns nochmal überlegen, ob wir nicht aneinander vorbeireden.
Was meinst du mit "verlinkt". Das auf jedem Bild ein Link/Anker liegt, der zu einer bestimmten Webseite "verlinkt"? Dann sollte mein vorheriges Beispiel passen. Oder meinst du, ob du externe Bilder von anderen Webseiten einfach einbinden kannst? technisch ja, rechtlich oft ein Minenfeld. |
|
|||
Wir kommen der Sache näher ich meine das was als du als erstes geschrieben hast. Ich möchte mit dem Bild von meiner seite.de auf seite.de/verzeichnis verlinken.
Ich vestehe dein erstes Beispiel nicht so richtig weil ich nicht weiß wo der eigentlich Link eingetragen werden soll. Wo wird der Pfad /verzeichnis in deinem Script eingetragen wenn du nach der verlinken wolltest?
__________________
Das Leben ist ein scheiss Spiel, aber die Grafik ist geil! Geändert von celine@23 (29.09.2011 um 15:32 Uhr) |
|
|||
Na gut dann nochmal besser erklärt.
Für dein Vorhaben benötigst du genau 2 Dinge: 1. Pfad zum Bild 2. Url wo der Link des Bildes hinführen soll Da das Ganze ein bischen dynamisch und leichter erweiterbar sein soll, legen wir für jedes der beiden Punkte ein Array, in welches die Daten gespeichert werden. an. 1. in dem die Bildpfade liegen Code:
var bildpfad =new Array ('Pfad/zum/Bild1.png', 'Pfad/zum/Bild2.png'); Code:
var zielurl =new Array ('Pfad/zum/Bild1.png', 'Pfad/zum/Bild2.png'); Code:
if(bildpfad.length == zielurl.length){ "i" steht hier für eine Zahl, bzw in dem Fall für den jeweiligen Index der Arrays und wird pro durchgang mit "i++" um 1 erhöht. Code:
for(i=0;i<bildpfad.length;i++){ Nun fehlt nur noch die Ausgabe: Code:
document.write('<a href="'+zielur[i]+'"><img src="'+bildpfad[i]+'"></a>'); } } Pro Bild musst du jetzt nur noch in beide Arrays mit Bildfpad und Link erweitern. Geändert von zeji (29.09.2011 um 16:00 Uhr) |
|
|||
Hallo danke für die Mühe. Wenn ich das mache wird mir die Bilder vom Überblendeffekt nochmal angezeigt. Hier mal ein Link zum Script Juststreetwear. Ich habe es ganz unten rein geschrieben. Zur Zeit als Kommentar gekennzeichnet. Juststreetwear
Code:
var bildpfad=new Array ('templates/JTL-Shop3-Tiny-311/themes/custom/images/ueberblende_1.png', 'templates/JTL-Shop3-Tiny-311/themes/custom/images/ueberblende_2.png'); var zielurl=new Array ('Forvert', 'Hub'); if(bildpfad.length == zielurl.length){ for(i=0;i<bildpfad.length;i++){ document.write('<a href="'+zielurl[i]+'"><img src="'+bildpfad[i]+'"></a>'); } } Geändert von celine@23 (13.10.2011 um 16:19 Uhr) |
|
|||
Naja ist ja auch klar. mit dem Codeschnippsel fügst du dem Dokument neuen Content hinzu (siehe document.write). Du musst das Ganze jetzt irgendwie auf die bestehenden Bilder andwenden...
Ersetz mal folgende Zeile (193): Code:
myhtml+="<img src='"+imges[(b-1)]+"' style='vertical-align:middle;border:0;' alt=''/></div>"; Code:
myhtml+="<a href='"+zielurl[(b-1)]+"'><img src='"+imges[(b-1)]+"' style='vertical-align:middle;border:0;' alt=''/></a></div>"; Gruß Geändert von zeji (13.10.2011 um 16:31 Uhr) |
Sponsored Links |
|
|||
Danke soweit funktioniert es jetzt. Nur irgendwie haut es nicht immer hin es verlinkt nicht immer korrekt.....blicke da noch nicht ganz durch warum.
__________________
Das Leben ist ein scheiss Spiel, aber die Grafik ist geil! |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
XML Datei in eine XHTML Datei einbinden | danny.b | (X)HTML | 5 | 22.12.2008 08:06 |
Bilder aus image gallery mit Bildüberschrift - nur wie? | fossy | CSS | 0 | 05.11.2008 17:17 |
[php/http] datei an client senden | Xenon | Serveradministration und serverseitige Scripte | 13 | 21.03.2005 21:54 |
[PHP/HTTP-header] datei aus gesichertem folder downloaden? | Xenon | (X)HTML | 7 | 06.03.2005 13:47 |
mit CSS Bilder verlinken... | mtk-flo | CSS | 7 | 25.11.2004 14:59 |