• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Bilder bis zu einer bestimmen width vergrößern

A

alexdüsentrieb

New member
Hi..

Ich möchte folgendes machen, ich will ein image, z.B. von der Breite 1 - 30 erweitern..

Also im klartext ( :p )

Man ruft die Seite auf und das Pic fängt bei der width 0 an und endet bei der width 30.. :)

Danke schonmal. :)

Gruß
Alex
 
Code: 
x = 0
var action = window.setInterval('zoom',100)
function zoom() {
  if (x<30) {
    if (document.all) {
      document.all.bildname.style.width = x 
    }
    if (document.getElementById&&!document.all) {
      document.getElementById('bildname')style.width = x 
    }
    if (document.layers) {
      document.bildname.width=x
    }
    x++
  }
  else {
    window.clearInterval(action)
  } 
}

Jetzt mal so auf die Schnelle.
 
Hi.. :)

Big THX.. :)

Aber der zeigt mir einen Fehler in dieser Zeile an:

document.getElementById('bildname')style.width = x

Und noch eine Frage.. Wie binde ich es in den <img .. code ein.. :)

Danke

Gruß
Alex
 
Original geschrieben von alexdüsentrieb
Hi.. :)

Big THX.. :)

Aber der zeigt mir einen Fehler in dieser Zeile an:

document.getElementById('bildname'). style.width = x

Und noch eine Frage.. Wie binde ich es in den <img .. code ein.. :)

Danke

Gruß
Alex
Zum Vergrößern anklicken....
 
naja das <img...> bindest du normal in deinem body ein...

nur das es einem "namen" und ein "id" bekommt


<img src=bild.jpg name="pic" id="pics">

wobei du die id wech lassen kannst und gleich über den namen, über getElementByName(), gehen kannst.

das ganze könnte dann so aussehn, wenn du erlaubst kasimir..?


Code: 
<html>
<head>
<script language=javascript>
var x = 0;
var action = window.setInterval('zoom()',50);

function zoom(){
var bilder = document.getElementsByName('pic');

if (x<=300){

     if (document.all) {
     document.pic.style.width = x;
     }

        if (document.getElementByName && !document.all) {
        bilder.style.width = x;
        }

           if (document.layers) {
           document.pic.width=x;
           }
x++;
}
else{
window.clearInterval(action);
} 
action;
} 
</script>
</head>

<body onload="zoom()">
<img src=get.gif name="pic">
</body>
</html>
 
@ womstar: schick, könnte von mir sein. Vor allem das Script. Wo hast du das her? :D
Den zweiten Teil der Frage hab ich völlig übersehen.
 
jaaa ist ja auch deins....

.....das ganze könnte dann so aussehn, wenn du erlaubst kasimir..?
Zum Vergrößern anklicken....

aber das script war etwas wuschig, es fehlten entscheidene dinge, so wie du es geschreiben hast, wäre es nicht gegenagen.
 
Hey..

GROßES DANKESCHÖN AN EUCH BEIDE.. :)

Nur wie mache ich das, damit das nur in die Breite geht.. :)

DAAAAANNKKEEE euch nochmal..

Gruß
Alex
 
@ womstar: hab nie behauptet, dass das funktioniert, hab' so gar geschrieben, dass das vielleicht nicht funktioniert.
 
wat ehrlich??....wo denn? :D,
ach ist doch auch egal jetzt oder?
funtz doch, ist doch die hauptsache!! :)
 
Hey... Nochmals großes Dankeschön.. :]

Nur noch eine kleine Frage..
da ich nunmal in JS eine null binhab ich keine Ahnung wie das funktioniert..

Undzwar folgednes:

es sollen 4 verschiedene Bilder vergrößert werden..

das eine z.B. bis:

20
das andere bis
15
das andere bis
10
das andere bis
5

das muss nämlich in eine while Schleife ( PHP )

nur wie funktioniert das.. ?

Danke im Vorraus..

Gruß
Alex
 
Zuletzt bearbeitet:
Hi..

Ich nochmal..

Könnte man das nicht irgendwie so amchen:

<html>
<head>
<script language=javascript>
var x = 0;
var action = window.setInterval('zoom()',50);

function zoom(){
var bilder = document.getElementsByName('pic');
var xy = 300;
var xy[1] = 350;
var xy[2] = 400;

if (x<=Und hier irgendwie einfügen){

if (document.all) {
document.pic.style.width = x;
}

if (document.getElementByName && !document.all) {
bilder.style.width = x;
}

if (document.layers) {
document.pic.width=x;
}
x++;
}
else{
window.clearInterval(action);
}
action;
}
</script>
</head>

<body onload="zoom()">
<img src=get.gif name="pic">
<img src=get.gif name="pic1">
<img src=get.gif name="pic2">
</body>
</html>


Ich weiß nciht wie das geht.. :-/

Hoffe ihr wisst wie ich das meine.. :p

Gruß
Alex
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben