Homepage selbermachen 7.851 Themen, 35.615 Beiträge

kleine Bilder auf Klick Originalgröße erscheinen lassen

berlinger / 6 Antworten / Baumansicht Nickles

Ich will auf meiner Page keine Riesenfotos
direkt veröffentlichen, sondern kleine Fotos
zur Auswahl geben, die dann auf Klick hin
originalgröße erlangen. Ich benutze
Netobjects Fusion 4.01, habe aber
auch kein problem damit, ein paar simple HTML
oder JAVA Codes einzufügen

bei Antwort benachrichtigen
thorsten.h berlinger „kleine Bilder auf Klick Originalgröße erscheinen lassen“
Optionen

willst du ein popup-fenster oder soll alles innerhalb der seite geschehen???


GOITER.de

bei Antwort benachrichtigen
berlinger thorsten.h „willst du ein popup-fenster oder soll alles innerhalb der seite geschehen??? “
Optionen

am besten ein popup, also dass man die hauptseite auch noch hat

bei Antwort benachrichtigen
thorsten.h berlinger „am besten ein popup, also dass man die hauptseite auch noch hat“
Optionen

1. alle popups gleich groß:
in den head:
<script language="javascript" type="text/javascript">
<!--
function getit(wallp) {
bigone=open("../pics/wallpaper/"+wallp,"bigone","toolbar=no,resizable=yes,scrollbars=yes,location=no,status=no,menubar=no,height=200,width=300,screenX=0,screenY=0");
}
//-->
</script>

für height und width eigene größen einsetzen...

dann den link für das kleine bild so:
<a href="#" onClick="getit('bild.jgp')"><img src="thumb.jpg"></a>

für "bild.jpg" setzt du den dateinamen des großen bildes ein, für thumb.jpg den des kleinen bildes. wenn das große bild in einer html-umgebung ist, einfach satt bild.jgp datei.htm nehmen.

2. wenn jedes popup eine andere größe haben soll:
in den head:
<script language="JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>

un den link so:
<a href="#" onClick="MM_openBrWindow('bild.jpg','trg','toolbar=no,resizable=no,scrollbars=no,location=no,status=no,menubar=no,height=400,width=400,screenX=0,screenY=0')"><img src="thumb.jpg"></a>

height und width anpassen, bild.jpg durch dateinamen ersetzen.
hoffe, alles ist klar ;_)

thorsten

GOITER.de

bei Antwort benachrichtigen
berlinger thorsten.h „1. alle popups gleich groß: in den head: für height und width eigene größen...“
Optionen

danke dir

bei Antwort benachrichtigen
xafford berlinger „kleine Bilder auf Klick Originalgröße erscheinen lassen“
Optionen

geht relativ einfach:
-erstelle von den bildern kleine gif-dateien, auf denen man noch erkennt, was es darstellen soll, die aber nur wenige kb haben.
-baue diese gis in deine seite ein, eventuell in eine tabelle zur guten übersicht. der quelltest sähe folgendermaßen aus:

(a href="ordner_der_orialbilder/bildname.jpg" target="wenn popupfenster:_blank; wenn ganzes bestehendes browserfenster: _parent)(img src="ordner_der_gifs/gifname.gif" border="gewünschte_dicke_der_rahmenlinie")
(/a)

das ganze könnte man zwar auch über JavaScript lösen oder DHTML, aber wozu kompliziert...

Pauschalurteile sind immer falsch!!!
bei Antwort benachrichtigen
StormyMonday berlinger „kleine Bilder auf Klick Originalgröße erscheinen lassen“
Optionen

Wenn Du mal auf diese Seite schaust : http://www.mojoblues.de/thumbnails/thumbnails.html
Die wurde komplett mit einem Freeware-Tool namens Irfan-View gemacht, kriegst Du unter http://www.computerchannel.de/download/dl_detailseite3_db.phtml?progid=2264
Das Programm erstellt automatisch Thumbnails, die Du natürlich auch einfach so per Fusion in eine Seite einbauen und dann mit dem Original-Bild verlinken kannst.
In einem neuen Fenster erscheint dann das Bild, wenn target="ImageWindow" eingegeben wird, schau Dir dazu den Quelltext an.

Cheers, Holger

bei Antwort benachrichtigen