zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Bilder in Javascript Datei verlinken?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.09.2011, 14:29
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 17.12.2005
Ort: Oranienburg
Beiträge: 230
celine@23 ist in Verruf geraten
Standard 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');
Kann man in dieser Code Zeile direkt bei den Grafiken die Verlinkung eintragen?
__________________
Das Leben ist ein scheiss Spiel, aber die Grafik ist geil!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.09.2011, 16:30
$("#mettbröttchen");
XHTMLforum-Mitglied
 
Registriert seit: 28.09.2010
Ort: Bremen
Beiträge: 448
zeji wird schon bald berühmt werden
Standard

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>');
}
}
oder hab ich dich da falsch verstanden?

Gruß

Geändert von zeji (28.09.2011 um 16:36 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.09.2011, 10:32
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 17.12.2005
Ort: Oranienburg
Beiträge: 230
celine@23 ist in Verruf geraten
Standard

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!
Mit Zitat antworten
  #4 (permalink)  
Alt 29.09.2011, 12:05
$("#mettbröttchen");
XHTMLforum-Mitglied
 
Registriert seit: 28.09.2010
Ort: Bremen
Beiträge: 448
zeji wird schon bald berühmt werden
Standard

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.
Mit Zitat antworten
  #5 (permalink)  
Alt 29.09.2011, 15:29
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 17.12.2005
Ort: Oranienburg
Beiträge: 230
celine@23 ist in Verruf geraten
Standard

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)
Mit Zitat antworten
  #6 (permalink)  
Alt 29.09.2011, 15:58
$("#mettbröttchen");
XHTMLforum-Mitglied
 
Registriert seit: 28.09.2010
Ort: Bremen
Beiträge: 448
zeji wird schon bald berühmt werden
Standard

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');
2. in dem die Zielurl liegen
Code:
var zielurl =new Array ('Pfad/zum/Bild1.png', 'Pfad/zum/Bild2.png');
Dann prüfst du ob beide Arrays gleichviele Einträge haben:
Code:
if(bildpfad.length == zielurl.length){
Wenn diese Bedingung wahr (true) ist, dann lass eine for-Schleife so oft durchlaufen, wie Einträge in den Arrays sind.
"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>');
}

}
mit document.write() schreibst du jetzt je nach Anzahl der Einträge in deine Seite ein Bild mit Link.

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)
Mit Zitat antworten
  #7 (permalink)  
Alt 29.09.2011, 17:01
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 17.12.2005
Ort: Oranienburg
Beiträge: 230
celine@23 ist in Verruf geraten
Standard

Danke für die Mühe werde ich mir morgen ansehen.
__________________
Das Leben ist ein scheiss Spiel, aber die Grafik ist geil!
Mit Zitat antworten
  #8 (permalink)  
Alt 13.10.2011, 15:31
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 17.12.2005
Ort: Oranienburg
Beiträge: 230
celine@23 ist in Verruf geraten
Standard

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)
Mit Zitat antworten
  #9 (permalink)  
Alt 13.10.2011, 16:25
$("#mettbröttchen");
XHTMLforum-Mitglied
 
Registriert seit: 28.09.2010
Ort: Bremen
Beiträge: 448
zeji wird schon bald berühmt werden
Standard

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>";
durch:
Code:
myhtml+="<a href='"+zielurl[(b-1)]+"'><img src='"+imges[(b-1)]+"' style='vertical-align:middle;border:0;' alt=''/></a></div>";
Musst natürlich das Array mit den Urls oben direkt nach dem Bildpfadarray setzen.


Gruß

Geändert von zeji (13.10.2011 um 16:31 Uhr)
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 13.10.2011, 17:46
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 17.12.2005
Ort: Oranienburg
Beiträge: 230
celine@23 ist in Verruf geraten
Standard

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!
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:38 Uhr.