Ansicht:   

#263112 Bildgröße per javascript ändern (web.design)

verfaßt von MudGuard zur Homepage von MudGuard, München, 09.03.2011, 23:34:38

> Hi,
> diesmal hab ich, so hoffe ich, nur ein kleines Problem, für das ich trotz
> intensiver Recherche keinen passenden Code gefunden habe. Grundsätzlich
> müsste es aber doch möglich sein, die Bildgröße zu ändern (beim mouseover
> soll das neue Bild eine andere \'width\' bekommen) oder?
>
> Zunächst wird das Bild gewechselt:
> document.getElementById(ident).src = newpicSw[z].src;
>
> Ich habe nun zunächst ohne eine Variable, die dann übergeben werden soll,
> versucht, die Bildgröße zu beeinflussen, aber diese
>
> document.getElementById(ident).width = \'150\';

Sollte funktionieren - es sei denn, die Bildgröße ist per CSS vorgegeben (CSS hat höhere Priorität als die entsprechenden HTML-Attribute.

> document.getElementById(ident).width = \'150px\';

ist inhaltlich falsch - Du weist hier dem Attribut einen Wert zu - und bei HTML ist die Einheit bei width oder height immer Pixel, im Attribut wird nur der Zahlenwert angegeben.

> document.getElementById(ident).width:150;

Das ist syntaktisch falsch. In Javascript erfolgt eine Zuweisung per =, nicht per :.
Der Doppelpunkt trennt im CSS Eigenschaft und Wert. Im CSS wäre das aber auch falsch, da bei Längenangaben (außer 0) immer eine Einheit angegeben werden muß.

Ich schlage vor:

document.getElementById(ident).style.width = \'150px\';

--
[image]
MudGuard
O-o-ostern

 

gesamter Thread:

Ansicht:   
Auf unserer Web-Seite werden Cookies eingesetzt, um diverse Funktionalitäten zu gewährleisten. Hier erfährst du alles zum Datenschutz