Christoph: Klick auf Thumbnail und dann ?

SELF-Forum

Klick auf Thumbnail und dann ?

Christoph
– Informationen zu den Bewertungsregeln

Hallo zusammen,

habe html-Seiten mit lauter kleinen Thumbnails (Artikelbilder) erstellt. Nun mein Problem: Beim Klick auf das jeweilige Thumbnail, soll dies als größeres Bild erscheinen. Mein Lösungsansatz bis jetzt (siehe unten): Für das jeweilige Thumbnail eine extra -html Seite erstellen, wo dann das größere Bild mit Artikelbezeichnung und Beschreibung erscheint. Dies erscheint mir aber zu mühsam. Kann man dies nicht mit rollover lösen, nur wie wird dann der Text hinzugefügt. Ich suche eine Möglichkeit ohne Frames.

Besten Dank im voraus. Ciao, Christoph <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>aditan GmbH Werbemittel</title> <meta NAME="resource-type" CONTENT="document"> <meta NAME="Description" CONTENT="aditan GmbH Werbemittel"> <link REV="made" HREF="mailto:webmaster@aditan.de"> <meta NAME="Author" CONTENT="Christoph Spiegel"> <meta NAME="Copyright" CONTENT="2004"> <meta NAME="Distribution" CONTENT="global"> <meta NAME="Rating" CONTENT="General"> <meta NAME="Robots" CONTENT="ALL"> <meta NAME="Keywords" CONTENT="Namensschilder,Sonnenbrillen,Mauspads,Lanyards,Umhängebänder,Werbemittel,Druck,Schilder,Bänder,Brillen,                                Sunglasses,Glasses,Namebadges,Badge,Umhängeband,Sonnenbrille,Namensschilder,Werbung,Shades,Eyewear,Advertising,                                Schreibgeräte,Brille,Optik,Plastikschilder,Lenses,Import,PSI,VIP-Bänder,VIP-Schilder,Ausweise,Scheckkarten,Druck                                Mousepads,Handy,Skipass,Ausweis,Laminat,Karabiner,Karabinerhaken"> <meta NAME="revisit-after" CONTENT="31 days"> <meta HTTP-EQUIV="Reply-To" content="webmaster@aditan.de"> <LINK REL="SHORTCUT ICON" href="images/logon.ico"> <link rel="stylesheet" type="text/css" href="../formate.css"> <!-- wenn Sie das hier lesen kouml;nnen, unteerstuuml;tzt ihr Browser kein CSS. -->

<!--[if gte IE 6]> <style type="text/css"> html {overflow-x:hidden;} body {margin-right:28px;} </style> <![endif]-->

</script> </head>

<body> <!-- Kopfbereich --> <div class="head1">  <img src="../images/leiste.gif" width="1000" height="82" border="0" alt="Hintergrund"> </div> <div class="logo">  <img src="../images/citec.gif" width="142" height="75" border="0" alt=""> </div> <div class="start">  <img src="../images/sonnenbrillen.gif" width="147" height="32" border="0" alt="">  <img src="../images/brillenzubehoer.gif" width="147" height="27" border="0" alt=""> </div>

<!-- Menubereich --> <p class="navi" align="center">  <img src="../images/menue.gif" width="150" height="32" border="0" alt="Auswahl"><br> <br> <a href="schilder.html" class="menu">Namensschilder</a><br> <br> <a href="brillen.htm" class="menu">Sonnenbrillen</a><br> <br> <a href="baender.html" class="menu">Umhängebänder</a><br> <br> <a href="hitec.html" class="menu">High-Tec-Cloth</a><br> <br> <a href="" class="menu">Technik/Info</a><br> <br> <a href="" class="menu">Import</a><br> <br> <a href="" class="menu">AGB</a><br> <br> <a href="" class="menu">Impressum</a><br> <br> </p>

<!-- Inhalt -->

<div class="oben2">  <img src="../images/hintergrund_produkte.gif" class="untenend" width="600" height="16" border="0" alt="">

<table border="0" width="600" cellspacing="0" cellpadding="0">

<tr>   <td><img src="images/blind.gif" width="1" height="1" border="0" alt="Blindpixel"></td>   <td colspan="9" align="left"><h4 class="haupt">Übersicht Brillenbänder - Material Neopren</h4></td> </tr>

<tr>  <td><img src="../images/blind.gif" width="1" height="50" border="0" alt="Blindpixel"></td>  <td colspan="7" align="center" valign="top">Katalogseite 39</td>  <td>&nbsp;</td> </tr>

<tr>  <td width="15">&nbsp;</td>  <td width="82" align="left"><a href="#" onclick="window.open('seite16g.htm','Textfenster','width=320,height=300')"><img src="images/cs12693neopren.jpg" width="82" height="44" border="0" alt="Brillenband CS-12693"></a></td>  <td width="81">&nbsp;</td>  <td width="82" align="left"><a href="#" onclick="window.open('seite16fneu.htm','Textfenster','width=320,height=300')"><img src="images/cs12693fuenf.jpg" width="82" height="44" border="0" alt="Brillenband CS-12693 Referenzen 1"></a></td>  <td width="81">&nbsp;</td>  <td width="82" align="left"><a href="#" onclick="window.open('lifestyle_cs12666blau.html','Textfenster','width=320,height=300')"><img src="images/cs12693vier.jpg" width="82" height="44" border="0" alt="Brillenband CS-12693 Referenzen 2"></a></td>  <td width="80">&nbsp;</td>  <td width="82" align="left"><a href="#" onclick="window.open('lifestyle_cs12666schwarz.html','Textfenster','width=320,height=300')"><img src="images/cs12690.jpg" width="82" height="44" border="0" alt="Brillenband CS-12690 Referenzen"></a></td>  <td width="15">&nbsp;</td> </tr>

<tr>  <td align="center" valign="bottom" class="katalog">&nbsp;</td>  <td align="center" valign="top" class="katalog">CS-12693</td>  <td align="center" valign="bottom" class="katalog">&nbsp;</td>  <td align="center" valign="top" class="katalog">CS-12693</td>  <td align="center" valign="bottom" class="katalog">&nbsp;</td>  <td align="center" valign="top" class="katalog">CS-12693</td>  <td align="center" valign="bottom" class="katalog">&nbsp;</td>  <td align="center" valign="top" class="katalog">CS-12690</td>  <td align="center" valign="bottom" class="katalog">&nbsp;</td> </tr>

<tr class="untenend">  <td colspan="9"><img src="../images/hintergrund_produkte_end.gif" width="600" height="16" border="0" alt=""></td> </tr>

<tr class="untenend">  <td colspan="9">&nbsp;</td> </tr>

<tr class="untenend">  <td colspan="9"><img src="../images/hintergrund_produkte.gif" class="untenend" width="600" height="16" border="0" alt=""></td> </tr>

<tr>  <td><img src="../images/blind.gif" width="5" height="25" border="0" alt=""></td>  <td colspan="9" align="left" valign="top"><h4 class="haupt">Material - Textil</h4></td> </tr>

<tr>  <td width="15">&nbsp;</td>  <td width="82" align="left"><a href="#" onclick="window.open('seite16g.htm','Textfenster','width=320,height=300')"><img src="images/cs12706einzeln.jpg" width="82" height="44" border="0" alt="Brillenband CS-12706"></a></td>  <td width="81">&nbsp;</td>  <td width="82" align="left"><a href="#" onclick="window.open('seite16fneu.htm','Textfenster','width=320,height=300')"><img src="images/ani_cs12706.gif" width="82" height="44" border="0" alt="Brillenband CS-12706"></a></td>  <td width="81">&nbsp;</td>  <td width="82" align="left"><a href="#" onclick="window.open('lifestyle_cs12666blau.html','Textfenster','width=320,height=300')"><img src="images/cs12707.jpg" width="82" height="44" border="0" alt="Brillenband CS-12707"></a></td>  <td width="80">&nbsp;</td>  <td width="82" align="left"><a href="#" onclick="window.open('lifestyle_cs12666schwarz.html','Textfenster','width=320,height=300')"><img src="images/cs12707_2.jpg" width="82" height="44" border="0" alt="Brillenband CS-12707"></a></td>  <td width="15">&nbsp;</td> </tr>

<tr>  <td align="center" valign="bottom" class="katalog">&nbsp;</td>  <td align="center" valign="top" class="katalog">CS-12706</td>  <td align="center" valign="bottom" class="katalog">&nbsp;</td>  <td align="center" valign="top" class="katalog">CS-12706</td>  <td align="center" valign="bottom" class="katalog">&nbsp;</td>  <td align="center" valign="top" class="katalog">CS-12707</td>  <td align="center" valign="bottom" class="katalog">&nbsp;</td>  <td align="center" valign="top" class="katalog">CS-12707</td>  <td align="center" valign="bottom" class="katalog">&nbsp;</td> </tr>

<tr>   <td colspan="9"><img src="../images/blind.gif" width="1" height="50" border="0" alt="Blindpixel"></td> </tr>

<tr>  <td width="15">&nbsp;</td>  <td width="82" align="left"><a href="#" onclick="window.open('seite16g.htm','Textfenster','width=320,height=300')"><img src="images/cs12702.jpg" width="82" height="44" border="0" alt="Brillenband CS-12702"></a></td>  <td width="81">&nbsp;</td>  <td width="82" align="left"><a href="#" onclick="window.open('seite16fneu.htm','Textfenster','width=320,height=300')"><img src="images/cs12708.jpg" width="82" height="44" border="0" alt="Brillenband CS-12708"></a></td>  <td width="81">&nbsp;</td>  <td width="82" align="left"><a href="#" onclick="window.open('lifestyle_cs12666blau.html','Textfenster','width=320,height=300')"><img src="images/cs12709.jpg" width="82" height="44" border="0" alt="Brillenband CS-12709"></a></td>  <td width="80">&nbsp;</td>  <td width="82" align="left">&nbsp;</td>  <td width="15">&nbsp;</td> </tr>

<tr>  <td align="center" valign="bottom" class="katalog">&nbsp;</td>  <td align="center" valign="top" class="katalog">CS-12702</td>  <td align="center" valign="bottom" class="katalog">&nbsp;</td>  <td align="center" valign="top" class="katalog">CS-12708</td>  <td align="center" valign="bottom" class="katalog">&nbsp;</td>  <td align="center" valign="top" class="katalog">CS-12709</td>  <td align="center" valign="bottom" class="katalog">&nbsp;</td>  <td align="center" valign="top" class="katalog">&nbsp;</td>  <td align="center" valign="bottom" class="katalog">&nbsp;</td> </tr>

<tr class="untenend">  <td colspan="9"><img src="../images/hintergrund_produkte_end.gif" width="600" height="16" border="0" alt=""></td> </tr>

</table> </div>

</body> </html>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Klick auf Thumbnail und dann ?

    wahsaga Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi,

    Für das jeweilige Thumbnail eine extra -html Seite erstellen,
    wo dann das größere Bild mit Artikelbezeichnung und Beschreibung
    erscheint. Dies erscheint mir aber zu mühsam.

    dann mache dies doch serverseitig, mit einem script, das den bildnamen als parameter übergeben bekommt, und dann die passende HTML-seite ausgibt.

    gruß,
    wahsaga

    --
    I'll try being nicer if you'll try being smarter.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln