Ich bin neu in Javascript. Ich möchte, dass mein Bild allmählich kleiner wird und dann auf seine ursprüngliche Größe zurück skaliert. Was ich habe funktioniert, aber erst nachdem ich 2 mal oder länger über das Bild geschwebt habe.Javascript Übergang funktioniert erst nach dem zweiten Hover
Um klarer zu sein, wenn ich meine Maus über das Bild zum ersten Mal schweben, macht es einen sehr abrupten Übergang, aber danach funktioniert. Bei CSS wurde dasselbe gemacht.
Was ich habe, ist dies:
function enlargeImage() {
var logo = document.getElementById('logoname');
logo.style.opacity = '0.7';
logo.style.height = 'auto';
logo.style.width = '800px';
logo.style.transition = '0.7s';
}
function resizeImage() {
var logo = document.getElementById('logoname');
logo.style.opacity = '1';
logo.style.height = 'auto';
logo.style.width = '900px';
}
Sollte diese Arbeit? Oder habe ich in einer Weise codiert, in der ich nicht hätte?
Wie 'resizeImage' und' enlargeImage' genannt zu werden? – bejado
Wenn du es nur vergrößern/verkleinern willst, warum lässt du es nicht einfach auf CSS setzen? –
Sie werden gerufen von: – JavaNovice