kostenloser Webspace werbefrei: lima-city

bilder änderung

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   handynet

   handynet hat kostenlosen Webspace.

   17:33, 10.11.2008

   hallo,
   
   ich hab eine frage zu meiner navi.
   
   wie mach ich das, dass wenn jemand auf einen link (nur) geht und die das die grfix sich ändert ==???? geht einfach mal auf regeln : http://www.123bilderbox.de/
   
   
   oder geht das nur mit php ???
   
   
   danke im voraus

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. sincer

   

   sincer hat kostenlosen Webspace.

   17:47, 10.11.2008

   ho ;)
   
   Du meinst den onMouseOver Effekt
   Einfach mal dannach Googeln:
   JavaScript OnMouseOver
   
   lg
   Sincer
   
   PS: Mit PHP geht es nicht!

4. dopeguys

   dopeguys hat kostenlosen Webspace.

   18:02, 10.11.2008

   Greeze
   Flash wer auch ne Möglichkeit (sehr leicht umsetzbar), nur hab ich die Erfahrung gemacht, dass Flash einige aus welchen Grund auch immer nicht mögen.
   
   Flash
   
   Einfügen->Schaltfläche->Doppelklick->Button bearbeiten... und mit Actionscript mit URL versehn.
   

   _root.url_mc.onRelease =        function()
   {
           getURL('http://URL', '_blank');
           }

   
   Bei "loslass" öffnet sich neue Seite, hier z.B. in neuen Fenster (_blank)...ALLES anpassbar!
   
   ...oder noch was außer Flash und JavaScript...
   
   CSS
   
   benutz ich selber ;)
   Ist nur ein Bild was halbiert wird oben normal, unten Hover. Größe musst du noch anpassen (also bei den ganzen Zahlen, einfach testen :D) (Oben und unten nur gleiche Größe sonst verstümmelt)
   
   

   <style type="text/css">
   .bild-link1 {
           width: 130px;
           height: 30px;
           display: block;
           margin: 0 auto;
   }
   .bild1 {background: url(BildURL) no-repeat;}
   .bild-link1:hover {background-position: 0 -30px;}
   </style>
   <a href="LINK" class="bild-link1 bild1"></a>
   </style>

   
   
   So beide Varianten funktionieren 1A! Ich hoffe die ausführlich helfen zu können! :D
   
   
   Beitrag geändert: 10.11.2008 18:13:57 von dopeguys
5. Autor dieses Themas

   handynet

   handynet hat kostenlosen Webspace.

   18:34, 10.11.2008

   danke euch beiden hab was gefunden !!!
   
   :
   
   <a href="Seite1.htm"
   onMouseOver="document.Bild.src='button/bild.gif';"
   onMouseOut="document.Bild.src='button/bild2.gif';">
   
   <img src="button/bild.gif"
   name="Bild"
   width=300 height=150
   alt="Demolink"
   border=0>
   </a>

6. f****b

   19:32, 20.11.2008

   Hi!
   
   Wenn Du mit dem Mauszeiger über das Bild fährst, soll es sich ändern, d.h, durch ein anderes Bild ausgetauscht werden. Das dauert ein bißchen lang, wenn dieses neue Bild erst über das Internet geladen werden muß.
   
   Es empfehlt sich daher, alle Bilder bereits im voraus lassen zu lassen. Dann kann der Bildwechsel im „mouseover“-Fall ohne merkliche Verzögerung erfolgen.
   
   Dies erreichst Du, indem Du im Kopfbereich der Html-Datei schreibst:
   
   

   <script type="text/javascript">
   Bild_normal = new Image();
   Bild_normal.src = "http://Domaene/Pfad/Bild_1.gif";
   
   Bild_tausch = new Image();
   Bild_tausch.src = "http://Domaene/Pfad/Bild_2.gif";
   </script>

   
   
   Im Hauptbereich schreibst Du:
   
   

   <img id="Tolle_Grafik" src="http://Domaene/Pfad/Bild_1.gif" onmouseover="this.src=Bild_tausch.src" />

   
   
   Gruß
   
   Herbert

7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?