Announcement

Collapse
No announcement yet.

" Bilder und dann noch eins dazu"

Collapse
X
Collapse
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
  • #1

    " Bilder und dann noch eins dazu"

    hallo liebe Fans!
    das mouse over mouse off projekt ist mir klar s. unterer quelltext.
    man müsste aber doch noch ein drittes Bild über eien adfunction dazufügen können,so dass
    hintreinander 3 Bilder kommen wie in manchen werbeseiten
    also bei schreibt bitte an [email protected] Super Dank
    <title>Homepage von Dr. Th. Mayer</title>
    <script language="JavaScript">

    <!-- //
    if (document.images) {
    // Preload rollover images
    nav1a = new Image(135,135);
    nav1a.src = "P2_3.gif";
    nav2a = new Image(135,135);
    nav2a.src = "lachenderzahn_os.gif";
    nav3a = new Image(135,135);
    nav3a.src = "9.gif";

    // Preload rolloff images
    nav1 = new Image(135,135);
    nav1.src = "mansmile.jpg";;
    nav2 = new Image(135,135);
    nav2.src = "Implantat_im_Kiefer.jpg";
    nav3 = new Image(135,135);
    nav3.src = "zahnpflege2.jpg";

    }

    // function for rollover
    function msover(imgName) {
    if (document.images) {
    document.images[imgName].src = eval(imgName + "a.src");
    }
    }

    // function for rollout
    function msout(imgName) {
    if (document.images) {
    document.images[imgName].src = eval(imgName + ".src");
    }
    }

    i=0
    msg=" Praxis Dr. Mayer - Kiefer-, Mund- und Gesichts-Chirurgie - Stuttgart Urbanstrasse"
    meldung=" " + msg
    laenge=meldung.length

    function ticker()
    {
    document.tickerbox.fenster.value=meldung.substring (i,70+i);
    i++;
    if (i==laenge) i=0;
    id=setTimeout("ticker()",100)
    }

    // -->

    </script>
    </head>
    <body background="pap.gif" onLoad="ticker()">
    <!-- START HOME FREE HEADER CODE -->

    <center>
    <iframe src="http://209.25.223.228/cgi-bin/advertpro/banners.fpl?region=3&bust=962540&keyword=NULL" height="60" width="468" marginwidth="0" marginheight="0" vspace="0" hspace="0" frameborder="0" align="middle" scrolling="no"><A href="http://209.25.223.228/cgi-bin/advertpro/blink.fpl?region=3&bust=962540" target="_top"><IMG src="http://209.25.223.228/cgi-bin/advertpro/bimg.fpl?region=3&keyword=NULL&bust=962540" border="0"></A></iframe>

    <BR></CENTER>

    <HR WIDTH="100%">
    <CENTER><TABLE>
    <TR>
    <TD><A href="#" onMouseOver="msover('nav1')" onMouseOut="msout('nav1')"><IMG SRC="mansmile.jpg" NAME="nav1" height=135 width=135 align=RIGHT></A></TD>

    <TD><A href="#" onMouseOver="msover('nav3')" onMouseOut="msout('nav3')"><IMG SRC="zahnpflege2.jpg" NAME="nav3" height=135 width=135></A></TD>

    <TD><A href="#" onMouseOver="msover('nav2')" onMouseOut="msout('nav2')"><IMG SRC="Implantat_im_Kiefer.jpg" NAME="nav2" height=135 width=135></A></TD>
    </TR>
    </TABLE></CENTER>

    <HR WIDTH="100%">
    <H1>
    Homepage von Dr. Thomas Mayer</H1>

    <H3>
    <TT>Kieferchirurg</TT></H3>

    <UL>
    <LI>
    <TT>freundliche und geduldige Behandlung</TT></LI>

    <LI>
    <TT>psychologisches Verständnis</TT></LI>

    <LI>
    <TT>nettes Team</TT></LI>
    </UL>

    <HR>
    <CENTER>
    <FORM name="tickerbox"><INPUT type="text" name="fenster" size=70></FORM></CENTER>
    <IMG SRC="81.gif" height=60 width=87 align=LEFT>
    <CENTER>
    <FONT color="ff0000" size=4>
    <EM> Vielen Dank für die Rettung meines Problemzahnes.</EM>
    </FONT>
    </CENTER>
    <IMG SRC="anatomie.gif" height=90 width=87 align=RIGHT>

    </BODY>
    </HTML>
    dieser seite noch mal 4 andere bilder die nach dem anclicken an dritter stelleerscheinenf
    Tags: None
  • #2
    Hallo!

    Irgendwie sieht man deinen Quelltext nicth so richtig. Jedenfalls ich sehe oben nur Texr und keine Bilder.

    Deswegen ist mir das Problem wohl etwas unklar.

    Aber grundsätzlich kann man doch folgenden machen:

    Alle benötigten Bilder werden im Head per javascript beim laden der Seite geladen.

    bild1=new Image();
    bild1.src="pfadZumBild";

    Das kann man natürlich auch in einer Schleife mit einem Arry machen.

    Das Bild, welches auf der HTML-Seite angezeigt wird, bekommt im IMG Tag das Atrribut NAME mit einem beliebiegen Wert.

    Wenn ich nun dieses Bild gegen ein anderes austauschen will (beliebig oft) kann ich dass wie folgt tun:

    document.BILDNAME.src=bild1.src;

    Du mußt jetzt nur entscheiden, wann das passiert. Mann kann auch einen Timer setzen, der das nach einem Intervall selbst macht.

    Vielleicht habe ich nicht dein Problem erkannt?

    Christia
    Christian

    Comment

    • #3
      Hallo Christian!
      doch das mit dem zweifachen bildwechsel
      function rollover und rollloff mit mouseover und mouseoff
      und vorladen der bilder ist schon klar,
      Ich wollte aber bei dem maus drüber fahren nicht 2 bilder sondern direkt
      dahinter noch e n drittes anzeigen lassen, in meiner zahn homepage
      sind es immer jeweils2
      herzlichen gruss heide
      [email protected]

      Comment

      • #4
        Ich glaub ich habs jetzt geschafft mit dem 3 bilder wechsel
        nur die zeitverzögerung ist noch etwas langsam,
        na ja nur ein übungsbeispiel nicht schön aber ausbaubar unter
        http://www.stormpages.com/gebhard/banner.htm
        Ich möcht immer ganz etwas Beeindruckendes mit 3 fachem
        Bilderwechsel machen..vvielleicht weisst du noch
        eien gute Beispielseite im web ??
        guten sonntag noch
        heid

        Comment

        Previous template Next
        Working...
        X