tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
12
ZUGRIFFE
2006
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 09.06.05 16:57 #1
    Avatar von k1k0
    k1k0 k1k0 ist offline Mitglied Gold
    Registriert seit
    Jan 2005
    Ort
    Sauerland (NRW)
    Beiträge
    105
    Die Frag tut mir schon fast Leid, aber wie mache ich einen Bildaustausch via Mouseover? Ich bin Frontpage Nutzer und FP macht daraus immer Javascripts. Nun ja, damit hatte ich bis jetzt keine Probleme, aber: Einige Browser wie zB Opera können nun die Seite nicht öffnen!
    Also hab ich mir rangemcht eine Seite ohne Javascripts zu machen. nur wie mache ich das nun mit dem Mouseover Effekt?

    el-bone.de so heißt das Meisterwerk
     
  2. 09.06.05 17:44 #2
    kle-ben kle-ben ist offline Mitglied Brokat
    Registriert seit
    Oct 2004
    Beiträge
    492
    Hi
    also ohne Java geht das nicht, zumindest nicht
    mit HTML. Wenn es bei machen Browsern nicht
    funktioniert liegt das wahrscheinlich daran das
    Javaskript nich aaktiviert ist.
    Mit java funktioniert das so:

    http://www.tutorials.de/tutorials730...ight=mouseover

    Gruß Benny
     
    Theorie ist Wissen, das nicht funktioniert.
    Praxis ist, wenn alles funktioniert und man weiß nicht warum
  3. 09.06.05 17:46 #3
    Avatar von daddz
    daddz daddz ist offline
    Registriert seit
    Sep 2003
    Ort
    Fürth(Franken)
    Beiträge
    1.060
    Blog-Einträge
    3
    Java != JavaScript. <--RIESEN Unterschied!

    greetz
    daddz
     
    be inspired...simplify...
  4. 09.06.05 17:50 #4
    Avatar von k1k0
    k1k0 k1k0 ist offline Mitglied Gold
    Registriert seit
    Jan 2005
    Ort
    Sauerland (NRW)
    Beiträge
    105
    geht das nicht auch mit Gifs?

    Java ist doch programieren, wie c++ oder?
     
  5. 09.06.05 17:51 #5
    kle-ben kle-ben ist offline Mitglied Brokat
    Registriert seit
    Oct 2004
    Beiträge
    492
    Ich weis habs beim 2ten vergessen.

    edit:
    Java Scripts natürlich
     
    Theorie ist Wissen, das nicht funktioniert.
    Praxis ist, wenn alles funktioniert und man weiß nicht warum
  6. 09.06.05 17:56 #6
    kle-ben kle-ben ist offline Mitglied Brokat
    Registriert seit
    Oct 2004
    Beiträge
    492
    geht das nicht auch mit Gifs?
    natürlich geht das auch mit gif's kannst es auch mit .bmp machen.
    Da dauert das laden dann halt nur ein bischen länger und es sieht
    nicht mehr efecktmäsig aus.
     
    Theorie ist Wissen, das nicht funktioniert.
    Praxis ist, wenn alles funktioniert und man weiß nicht warum
  7. 09.06.05 18:08 #7
    Avatar von k1k0
    k1k0 k1k0 ist offline Mitglied Gold
    Registriert seit
    Jan 2005
    Ort
    Sauerland (NRW)
    Beiträge
    105
    ne ich meine das die Gifs erst das zweite Bild ausführen wenn die Maus drauf is!
     
  8. 09.06.05 18:21 #8
    kle-ben kle-ben ist offline Mitglied Brokat
    Registriert seit
    Oct 2004
    Beiträge
    492
    Du meinst <img>
    ungefähr so:
    HTML-Code:
     <img src1="bild1.jpg" src2="bild2.jpg">
    Ne sowas gibts leider nicht musst das schon mit
    Java Script machen. Wobei war mal was mit CSS
    weis aber nicht ob das Funktioniert ?
    Letzter eintrag von JackyD:
    http://www.tutorials.de/tutorials206775.html
     
    Theorie ist Wissen, das nicht funktioniert.
    Praxis ist, wenn alles funktioniert und man weiß nicht warum
  9. 09.06.05 18:24 #9
    Avatar von Sven Mintel
    Sven Mintel Sven Mintel ist offline Mitglied
    Registriert seit
    Aug 2003
    Beiträge
    18.238
    Blog-Einträge
    6
    Zitat Zitat von k1k0
    ne ich meine das die Gifs erst das zweite Bild ausführen wenn die Maus drauf is!
    Wen du animierte GIFs meinst, in den der 2.Frame beim mouseover erscheint...nein.
    Ursprünglich wahr wohl eine solche funktionalität für GIF's mal angedacht, dazu kam es aber nie.
     
  10. 09.06.05 19:38 #10
    Avatar von k1k0
    k1k0 k1k0 ist offline Mitglied Gold
    Registriert seit
    Jan 2005
    Ort
    Sauerland (NRW)
    Beiträge
    105
    okay ich werde mein eigenes Bildformat programmieren , ne nein ernsthaft: Was soll ich jetzt machen?
     
  11. 09.06.05 20:06 #11
    kle-ben kle-ben ist offline Mitglied Brokat
    Registriert seit
    Oct 2004
    Beiträge
    492
    ne nein ernsthaft: Was soll ich jetzt machen?
    Probiers mal mit nem Kopfstand
    Wenn du halt nun mal MouseOver haben willst must
    du eben MouseOver benutzen. und MouseOver ist nun
    mal Java Script.
    Wenn du allerdings ohne Java Script arbeiten willst
    musst du normale Links Machen. Diese kannst du
    höchstens mit einem hover [ähnlich MouseOver]
    etwas ansprechender gestallten. Wie du das machst
    hab ich auch hier (fälschlicherweise) geposted:

    http://www.tutorials.de/tutorials206775.html

    Gruß Benny
     
    Theorie ist Wissen, das nicht funktioniert.
    Praxis ist, wenn alles funktioniert und man weiß nicht warum
  12. 09.06.05 20:41 #12
    Avatar von k1k0
    k1k0 k1k0 ist offline Mitglied Gold
    Registriert seit
    Jan 2005
    Ort
    Sauerland (NRW)
    Beiträge
    105
    Hover geht aber nur text oder nicht?

    Naja aber wie kann ich es machen, das wenn ein bestimmter browser kein JS unterstützt, dass die Seite trozdem angezeigt wird? Hier der Seitencode:

    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <script language="JavaScript" fptype="dynamicanimation">
    <!--
    function dynAnimation() {}
    function clickSwapImg() {}
    //-->
    </script>
    <script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">
    </script>
    <title>El-Bone.de\-|-/The New(s) Generation</title>
    <meta name="Microsoft Border" content="tlr">
    </head>

    <body text="#FFFFFF" bgcolor="#000000" onload="dynAnimation()"><!--msnavigation--><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td>
    <p dynamicanimation="fpAnimflyLeftFP1" id="fpAnimflyLeftFP1" style="position: relative !important; visibility: hidden" language="Javascript1.2" align="center">

    <img border="0" src="_borders/banner.jpg" width="800" height="200"></p>
     
  13. 09.06.05 20:47 #13
    Avatar von k1k0
    k1k0 k1k0 ist offline Mitglied Gold
    Registriert seit
    Jan 2005
    Ort
    Sauerland (NRW)
    Beiträge
    105
    Hoppla ich habe ddas wichtige vergessen
    </td></tr><!--msnavigation--></table><!--msnavigation--><table dir="ltr" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="top" width="1%">
    <p dynamicanimation="fpAnimflyLeftFP2" id="fpAnimflyLeftFP2" style="position: relative !important; visibility: hidden" language="Javascript1.2">
    <a onmouseover="document['fpAnimswapImgFP16'].imgRolln=document['fpAnimswapImgFP16'].src;document['fpAnimswapImgFP16'].src=document['fpAnimswapImgFP16'].lowsrc;" onmouseout="document['fpAnimswapImgFP16'].src=document['fpAnimswapImgFP16'].imgRolln" href="javascript:void(0)">
    <img border="0" src="_borders/Menue.jpg" id="fpAnimswapImgFP16" name="fpAnimswapImgFP16" dynamicanimation="fpAnimswapImgFP16" lowsrc="_borders/Menue2.jpg" width="200" height="50"></a><br>
    <a onmouseover="document['fpAnimswapImgFP6'].imgRolln=document['fpAnimswapImgFP6'].src;document['fpAnimswapImgFP6'].src=document['fpAnimswapImgFP6'].lowsrc;" onmouseout="document['fpAnimswapImgFP6'].src=document['fpAnimswapImgFP6'].imgRolln" href="index.htm">
    <img border="0" src="_borders/news.jpg" id="fpAnimswapImgFP6" name="fpAnimswapImgFP6" dynamicanimation="fpAnimswapImgFP6" lowsrc="_borders/news2.jpg" width="200" height="25"></a><br>
    <a onmouseover="document['fpAnimswapImgFP7'].imgRolln=document['fpAnimswapImgFP7'].src;document['fpAnimswapImgFP7'].src=document['fpAnimswapImgFP7'].lowsrc;" onmouseout="document['fpAnimswapImgFP7'].src=document['fpAnimswapImgFP7'].imgRolln" href="Gbook.htm">
    <img border="0" src="_borders/gbook.jpg" id="fpAnimswapImgFP7" name="fpAnimswapImgFP7" dynamicanimation="fpAnimswapImgFP7" lowsrc="_borders/gbook2.jpg" width="200" height="25"></a><br>
    <a onmouseover="document['fpAnimswapImgFP18'].imgRolln=document['fpAnimswapImgFP18'].src;document['fpAnimswapImgFP18'].src=document['fpAnimswapImgFP18'].lowsrc;" onmouseout="document['fpAnimswapImgFP18'].src=document['fpAnimswapImgFP18'].imgRolln" href="Test.htm">
    <img border="0" src="_borders/test.jpg" id="fpAnimswapImgFP18" name="fpAnimswapImgFP18" dynamicanimation="fpAnimswapImgFP18" lowsrc="_borders/test2.jpg" width="200" height="25"></a><br>
    <a onmouseover="document['fpAnimswapImgFP21'].imgRolln=document['fpAnimswapImgFP21'].src;document['fpAnimswapImgFP21'].src=document['fpAnimswapImgFP21'].lowsrc;" onmouseout="document['fpAnimswapImgFP21'].src=document['fpAnimswapImgFP21'].imgRolln" href="Links.htm">
    <img border="0" src="_borders/Links.jpg" id="fpAnimswapImgFP21" name="fpAnimswapImgFP21" dynamicanimation="fpAnimswapImgFP21" lowsrc="_borders/Links2.jpg" width="200" height="25"></a><br>
    <a href="crew.htm" onmouseover="document['fpAnimswapImgFP23'].imgRolln=document['fpAnimswapImgFP23'].src;document['fpAnimswapImgFP23'].src=document['fpAnimswapImgFP23'].lowsrc;" onmouseout="document['fpAnimswapImgFP23'].src=document['fpAnimswapImgFP23'].imgRolln">
    <img border="0" src="_borders/crew.jpg" id="fpAnimswapImgFP23" name="fpAnimswapImgFP23" dynamicanimation="fpAnimswapImgFP23" lowsrc="_borders/crew2.jpg" width="200" height="25"></a><br>
    <a onmouseover="document['fpAnimswapImgFP19'].imgRolln=document['fpAnimswapImgFP19'].src;document['fpAnimswapImgFP19'].src=document['fpAnimswapImgFP19'].lowsrc;" onmouseout="document['fpAnimswapImgFP19'].src=document['fpAnimswapImgFP19'].imgRolln" href="baustelle.htm">

    <img border="0" src="_borders/dloads.jpg" id="fpAnimswapImgFP19" name="fpAnimswapImgFP19" dynamicanimation="fpAnimswapImgFP19" lowsrc="_borders/dloads2.jpg" width="200" height="25"></a><br>
    <a onmouseover="document['fpAnimswapImgFP14'].imgRolln=document['fpAnimswapImgFP14'].src;document['fpAnimswapImgFP14'].src=document['fpAnimswapImgFP14'].lowsrc;" onmouseout="document['fpAnimswapImgFP14'].src=document['fpAnimswapImgFP14'].imgRolln" href="impressum.htm">
    <img border="0" src="_borders/impressum.jpg" id="fpAnimswapImgFP14" name="fpAnimswapImgFP14" dynamicanimation="fpAnimswapImgFP14" lowsrc="_borders/impressum2.jpg" width="200" height="25"></a><br>
    &nbsp;</p>
     
« InsertImage Funktion - Wie w3c-konform? | Image nach variablem Text hinter diesem mit tlw. Überlappung »

Ähnliche Themen

  1. Bildaustausch bei mouseover
    Von cille im Forum Javascript & Ajax
    Antworten: 8
    Letzter Beitrag: 31.03.07, 14:47
  2. 2facher bildaustausch
    Von bingofreshbling im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 18.12.04, 14:20
  3. Generischer Bildaustausch?
    Von Jersey im Forum HTML & XHTML
    Antworten: 7
    Letzter Beitrag: 20.10.04, 17:41
  4. Mouseover bildaustausch
    Von cctnt im Forum Javascript & Ajax
    Antworten: 5
    Letzter Beitrag: 18.03.04, 14:08
  5. Bildaustausch mit Netscape 4.79
    Von Beervampir im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 05.03.04, 09:11