verfaßt von Johann [Gast], 09.01.2013, 23:27:13
(editiert von Johann, 09.01.2013, 23:40:07)
> Und dabei möglichst nur den String des Namens ändern (immer gleich)...
Genau. Die Kunst ist dann, ein großes Bild wieder klein zu bekommen. Könntest Du mit dem Namen und einem entsprechenden String-Vergleich machen.
Die Thumbs heissen meinetwegen image1.jpg, walter.jpg etc und die großen meinetwegen large.walter.jpg. Beginnt die src eines Bildes mit large. änderst Du die src in den Rest, ansonsten umgekehrt.
ed: kurz hingeschludert:
<script type="text/javascript">
function toggleSize(obj) {
var src = obj.src.replace(//g,'/').replace( /.*//, '' );
var items = src.split(".");
if(items[0] == 'small') obj.src = 'large.'+items[1]+'.'+items[2];
else obj.src = 'small.'+items[1]+'.'+items[2];
}
</script>
Bilder müssen im selben Verzeichnis liegen und beispielsweise so benannt sein:
small.bild1.png und large.bild1.png
und der img tag dann:
<img onclick="toggleSize(this);" src="small.bild1.png"/>
gesamter Thread: