Homepage selbermachen 7.852 Themen, 35.619 Beiträge

Verfolgung starten Optionen

Fotos in Tabelle per Link

J. P. / 6 Antworten / Baumansicht Nickles

Hallo!


Ich habe folgendes Problem: Ich möchte auf eine Website (ohne Frames!!!!) auf die linke Seite Thumbnails einfügen und dann durch mouseover oder onclick eine Tabelle (1Zeile, 1Spalte, variable Größe) mit einem Pic befüllen. Das Pic liegt in einem extra Verzeichniss. Wichtig ist das das ganze ohne Frames realisiert wird. Da es alles in allem so um die 100 Pics werden, wäre eine Javascript lösung wohl am besten.


Ich hab schon fast alles probiert, aber ich bekomme einfach nicht diese verdammte Tabelle mit den Pics bestückt.


Es geht um diese Seite: www.ffkalt-laatzen.de (Bilder Sektion)


Für einen Tipp wäre ich euch sehr dankbar.


MfG


J.P.


 

bei Antwort benachrichtigen
xafford J. P. „Fotos in Tabelle per Link“
Optionen

Baue die Zielzelle folgendermaßen auf:
<td id="ziel"></td>

der Javascript-Code kann dann ungefähr so aussehen:

function showImg(url){
var ziel=document.getElementById("ziel");
var img=document.createElement("img");
img.src=url;
ziel.appendChild(img);
}

deine Links sollten dann entweder so aussehen:

<a href="javascript:showImg('url-zum-bild')">...</a>

oder Du verknüpfst die Funktion gleich mit dem Thumbnail über onClick:
<img src="url-des-thumb" onCLick="javascript:showImg('url-des-bild')" /&ht;

Pauschalurteile sind immer falsch!!!
bei Antwort benachrichtigen
J. P. xafford „Baue die Zielzelle folgendermaßen auf: der Javascript-Code kann dann ungefähr...“
Optionen

Herzlichen Dank!
Das werd ich heute Abend mal ausprobieren.

bei Antwort benachrichtigen
Jan P. J. P. „Fotos in Tabelle per Link“
Optionen

Super Tipp! Danke !

Unter HTML Editor funktioniert es wunderbar.

Leider versuche ich das ganze mit Netobjects Fusion einzuarbeiten und das will mir einfach nicht gelingen. Schade!

Vielleicht wisst Ihr einen Rad, wie ich das unter Fusion einbauen könnte?

Vielen Dank für euere Antworten.

MfG
Jan P.

bei Antwort benachrichtigen
J. P. Nachtrag zu: „Fotos in Tabelle per Link“
Optionen

So ich hab den ganzen Spaß jetzt mal unter HTML eingefügt.

Jetzt kommen die nächsten Probleme:

Tabelle : Egal welche absolute Größe ich für die Tabelle angebe, sie wird seltsamerweise immer nach dem Pic skaliert? Ich würde aber gerne das Pic nach der Tabelle skaliert haben.

Jedesmal wenn man den Thumblink anklickt, wird die Tabelle mit dem selben Bild Zeilenweise nochmals gefüllt. Was kann man dagegen tun. Ich habs schon mit if Clauses versucht, es will mir aber nicht gelingen.

Vielen Dank für euren Rat.

MfG
J. P.

bei Antwort benachrichtigen
xafford J. P. „So ich hab den ganzen Spaß jetzt mal unter HTML eingefügt. Jetzt kommen die...“
Optionen

Erweitere das Script folgendermaßen:

zielbreite=30;
zielhoehe=20;

function showImg(url){
var ziel=document.getElementById("ziel");
if(altbild=document.getElementById("DynBild")){
document.removeChild(altbild);
}
var img=document.createElement("img");
img.id="dynBild";
if(zielbreite){
img.style.width=zielbreite;
}
if(zielhoehe){
img.style.height=zielhoehe;
}
img.src=url;
ziel.appendChild(img);
}

Pauschalurteile sind immer falsch!!!
bei Antwort benachrichtigen
J. P. xafford „Erweitere das Script folgendermaßen: zielbreite 30 zielhoehe 20 function...“
Optionen

Super Tipp!

Dankeschön für deine Mühe!
Funktioniert super, genau das was ich gebraucht habe.

Schönes Wochenende

MfG
J. P.

bei Antwort benachrichtigen