+ Antworten
Ergebnis 1 bis 5 von 5

Thema: Bilderwechsel mit Java Script

  1. #1
    War schon öfter hier
    Registriert seit
    07.04.2008
    Ort
    Blankenfelde bei Berlin
    Beiträge
    143
    Bedankte sich
    23
    Erhielt 3 Danksagungen
    in 2 Beiträgen

    Standard Bilderwechsel mit Java Script

    Hallo Joomlafreunde,

    in einer alten Webseite hatte ich ein kleines Script für Bilderwechsel. Also ein Standard Bild beim Mouseover ein weiteres.

    <script language="JavaScript">
    <!--
    Titel1= new Image();
    Titel1.src = "http://www.joomlaportal.de/images/Bild1.jpg"
    Titel2= new Image();
    Titel2.src = "http://www.joomlaportal.de/images/Bild2.jpg"
    /* usw. für alle Grafiken,
    die am Mouse-Over-Effekt beteiligt sind */
    //-->
    </script>

    nun dachte ich, im Editor gehst du einfach in die HTML Eingabe und schreibst das in den Inhaltstext. Aber als ich mir den Quelltext ansah, sah das ganze dann so aus

    <!-- Titel1= new Image(); Titel1.src="/joomla/images/Bild2.jpg" Titel2= new Image(); Titel2.src="/joomla/images/Bild3.jpg" /* usw. für alle Grafiken, die am Mouse-Over-Effekt beteiligt sind */ //-->

    also es fehlen die Tags für script ..

  2. #2
    Verbringt hier viel Zeit Avatar von PrfFrost
    Registriert seit
    03.01.2006
    Beiträge
    652
    Bedankte sich
    3
    Erhielt 163 Danksagungen
    in 146 Beiträgen
    GB♫ - GAS - WB - BT - GIG - JH - FB - DA - TW - WW

  3. Erhielt Danksagungen von:


  4. #3
    Wohnt hier Avatar von Myrtus
    Registriert seit
    17.10.2008
    Ort
    Hessen
    Beiträge
    2.788
    Bedankte sich
    289
    Erhielt 731 Danksagungen
    in 649 Beiträgen

    Standard

    Gib mal Sourcerer-Plugin in die Suche ein.

    ----- Gruß, Myrtus -----
    www.myrtus-communis.de
    -------- Gruß, Myrtus --------
    www.myrtus-communis.de

  5. Erhielt Danksagungen von:


  6. #4
    War schon öfter hier
    Registriert seit
    07.04.2008
    Ort
    Blankenfelde bei Berlin
    Beiträge
    143
    Bedankte sich
    23
    Erhielt 3 Danksagungen
    in 2 Beiträgen

    Standard

    Hallo Erst einmal herzlichen Dank Euch beiden. Ok das sind zwei verschiedene Methoden um das Problem zu lösen. Nun hate ich schon mit Yooeffects begonnen. Habe mich an das Video (Tutorial) gehalten.
    1. in den Site-Einstellungen den WYSIWYG-Editor abgeschalten
    2. dann in den Beitrag: <div style="background:url(images/yoospotlight/stall.png)"></div>

    Schon hier passiert nix

    Quellcode Frontend: <div style="background: transparent url(/joomla/images/yoospotlight/stall.png) repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></div>

    3. dann um class="spotlight" erweitert

    3. und dann das 2. Bild Bild_spotlight.png in den gleichen Ordner wie das erste (Hintergrundbild)

    sollte lt. Tutorial sehr einfach sein ... aber bei mir ist nie was einfach

  7. #5
    War schon öfter hier
    Registriert seit
    07.04.2008
    Ort
    Blankenfelde bei Berlin
    Beiträge
    143
    Bedankte sich
    23
    Erhielt 3 Danksagungen
    in 2 Beiträgen

    Standard

    Nochmals Danke Euch beiden ...habe mich für die Sourcerer Version entschieden, die klappte sofort. Aber wenn noch einer ne Idee hat warum Yootheme mit spotlight nicht funzt freu ich mich auch. Mache trotzdem erst mal "zu"

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein