.
  Bilder1
 


Bilder nebeneinander Anzeigen:

 
  Code  

<div style="text-align:center;"><img style="width:150px; height:113px;"src="http://Deine Bildadresse1" />&nbsp;&nbsp; <img style="width:150px; height:113px;"src="http://Deine Bildadresse2" /> &nbsp; <img style="width:150px; height:113px;" src="http://Deine Bildadresse3" /></div><br />

 Bei width:150px und height:113px kannst Du die
größe ändern.

Bilder untereinander Anzeigen:



   
 
  Code  

<div style="text-align:center;"><img style="width:150px; height:113px;"src="http://Deine Bildadresse1" />&nbsp;<br/><img style="width:150px; height:113px;" src="http://Deine Bildadresse2" ></div><br />
 
Bei width:150 und height:113 kannst Du die
größe ändern


Möchtest Du dein Bild schützen so das der Bildklauer nur ein
leeres Blatt kopiert:


  Code  

<tablebackground="http://DeineBildadresse"border="0"align="center"><tr><td><img src="http://Deine Bildadresse/dummy.jpg" width="315" height="205"></td></tr></table>

Bei width="315" und height="205" müßen
die Maße des Originalbildes rein.


  Bild vergrößern  im Popup-Fenster:
(auf das Bild klicken)

Code:
<table width="55%" cellspacing="0" cellpadding="0" border="2" align="center">
<tbody> <tr> <td><a onFocus="this.blur()" onClick="pop = window.open
(this.href,'g', 'width=660,height=450,scrollbars=auto,top=125,left=200');
pop.focus(); return false;" href="http://Deine Bildadresse1"> <img height="90" width="120" border="0" onFocus="this.blur()"
onClick="'http://Deine Bildadresse1'" style="" src="http://Deine Bildadresse1">  alt="" /></a></td> <br /> <td><a onFocus="this.blur()" onClick="pop = window.open
(this.href,'g', 'width=660,height=450,scrollbars=auto,top=125,left=200');
pop.focus(); return false;" href="http://Deine Bildadresse2"> <img height="90" width="120" border="0" onFocus="this.blur()"
onClick="'http://Deine Bildadresse2'" style="" src="http://Deine Bildadresse2" alt="" /></a></td> <td><a onFocus="this.blur()" onClick="pop = window.open  (this.href,'g', 'width=660,height=450,scrollbars=auto,top=125,left=200');
 pop.focus(); return false;" href="http://Deine Bildadresse2"> <img height="90" width="120" border="0" onFocus="this.blur()"
onClick="'http://Deine Bildadresse2'" style="" src="http://Deine Bildadresse2" alt="" /></a></td></tr></tbody></table>

Die Größe des Popup-Fensters stellst Du hier ein width="660" height="450" ein Du musst die Abmessung des großen Bildes angepassen.


 Bilder rechts vergrößern

Zum Vergrößern die kleinen Bilder anklicken.

Code:
<style type="text/css">
<!--
.gg a:link { color: #000000; text-decoration: none; }
.gg a:visited { color : blue; text-decoration: none; }
.gg a:active { color: #666666; background: #FFFFFF; text-decoration:none;}
.gg a:hover { color: white; background: black; text-decoration: none; }
//--> </style>
<table cellspacing="11" cellpadding="0" border="0" align="center" class="gg">
<tbody> <tr>
<td width="250" rowspan="3"> <img width="300" border="0" name="bild" src="http://Deine Bilderadresse1" alt="" /></td>
<td width="120" valign="top" align="center"> <img height="70" width="90" onFocus="this.blur()"
onClick="bild.src='http://Deine Bilderadresse1';" style="" src="http://Deine Bilderadresse1" alt="" /> <a onFocus="this.blur()" onClick="pop = window.open
(this.href,'g', 'width=660,height=450,scrollbars=auto,top=125,left=200');
pop.focus(); return false;" href="http://Deine Bilderadresse1"></a></td>
<td width="120" valign="top" align="center"><img height="70" width="90" onFocus="this.blur()"
onClick="bild.src='http://Deine Bilderadresse2';" style="" src="http://Deine Bilderadresse2" alt="" />  <a onFocus="this.blur()" onClick="pop = window.open
(this.href,'g', 'width=660,height=450,scrollbars=auto,top=125,left=200');
pop.focus(); return false;" href="http://Deine Bilderadresse2"></a></td>
</tr><tr>
<td width="120" valign="bottom" align="center"><img height="70" width="90" onFocus="this.blur()"
onClick="bild.src='http://Deine Bilderadresse3';" style="" src="http://Deine Bilderadresse3" alt="" />  <a onFocus="this.blur()" onClick="pop = window.open
(this.href,'g', 'width=660,height=450,scrollbars=auto,top=125,left=200');
pop.focus(); return false;" href="http://Deine Bilderadresse3"></a></td>
<td width="120" valign="bottom" align="center"><img height="70" width="90" onFocus="this.blur()"
onClick="bild.src='http://Deine Bilderadresse4';" style="" src="http://Deine Bilderadresse4" alt="" />  <a onFocus="this.blur()" onClick="pop = window.open
(this.href,'g', 'width=660,height=450,scrollbars=auto,top=125,left=200');
pop.focus(); return false;" href="http://Deine Bilderadresse4"></a></td>
</tr><tr>
<td width="240" valign="bottom" colspan="2"><font size="2" face="times new roman" color="#000000"><b>Zum Vergr&ouml;&szlig;ern die kleinen Bilder anklicken.</b></font></td></tr></tbody></table>
 
Ihr könnt die Eingerahmten Texte kopieren und bei Euch einfügen:
 
  
   
 

Copyright © 2010 by 4youdesign
 Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden