mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 18.04.2024 05:37 Benutzername: Passwort: Auto-Login

Thema: Foto von unten nach oben fahren lassen vom 25.08.2004


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Foto von unten nach oben fahren lassen
Autor Nachricht
tschakkaeb
Threadersteller

Dabei seit: 22.05.2002
Ort: Sauerland
Alter: 41
Geschlecht: Weiblich
Verfasst Mi 25.08.2004 14:49
Titel

Foto von unten nach oben fahren lassen

Antworten mit Zitat Zum Seitenanfang

Hallo Ihr lieben,
wer kennt/hat/weiß ein schön knappes, verständliches Javascript um ein Bild von unten nach oben an einer bestimmten Stellen fahren zu lassen und es an einer gewissen positin zu stoppen??
bitte dringend um hilfe, hab nicht so viel zeit dazu und im internet hab ich nichts geeignetes gefunden.

vielen dank schon mal
liebe grüße
  View user's profile Private Nachricht senden
Nimroy
Community Manager

Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 45
Geschlecht: Männlich
Verfasst Mi 25.08.2004 16:11
Titel

Antworten mit Zitat Zum Seitenanfang

Oh, das kannste aber mit ein bißchen Mühe selber schreiben. Bild in ein Div und Position des Divs solange erhöhen, bis Endposition erreicht ist. Ist doch nicht so schwer.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht: Männlich
Verfasst Mi 25.08.2004 16:53
Titel

Antworten mit Zitat Zum Seitenanfang

jep. ist ruckzuck gemacht. das problem dabei ist nur, daß man bei sowas den code drei mal schreiben muß: für alten netscape, für alten ie und für aktuelle browser.
hier ist ein altes script von mir, das ich irgendwann mal zu demo-zwecken geschrieben hab. kannst du dir ja umschreiben.

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
   <title>Layer wandert</title>

   <style type="text/css">
   <!--

      #eins   {position:absolute;left:10;top:10;z-index:1;color:#000000;font-size:36pt;font-weight:bold;}

   //-->
   </style>

   <script type="text/javascript">
   <!--

      var i=10;

      function wandern()
      {
         if (document.all) // Code für IE < Version 5
         {
            document.all.eins.style.left = i;
            document.all.eins.style.top = i;
         }
         else if (document.layers) // Code für Netscape < Version 5
         {
            document.eins.left = i;
            document.eins.top = i;
         }
         else if (document.getElementById) // Code für Browser der neuen Generation (DOM)
         {
            document.getElementById('eins').style.left = i;
            document.getElementById('eins').style.top = i;
         }

         i = i+10;
         setTimeout('wandern()',100);

         if (i > (screen.height-180))
         {
            i=0;
         }
      }

      setTimeout('wandern()',400);
   //-->
   </script>
</head>

<body>

   <div id="eins">Ein Layer</div>

</body>
</html>


btw: funktioniert nicht mehr, falls du den browser per doc-type-switch in den standardkonformen mode schaltest...
  View user's profile Private Nachricht senden
 
Ähnliche Themen Browserfenster/microsite runter fahren lassen
Photo Impact X3
Photo Impact
Photo Gallery
Wasserzeichen mit Photo Shop
JS Photo Stack Gallery
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.