Ich bin immerhin schon 419 mal angeklickt worden...

    ...sitze hier seit Dienstag aber leider immer noch an meinem Rollover-Bildproblem (Da hatte ich hier nämlich schonmal einen Beitrag geschrieben: http://forum.wpde.org/design/135896-…-beitrages.html)

    Ich würde gerne in einen Beitrag Bilder einbauen, die sich bei "Rollover" auswechseln und beim Anlicken die kleine Bildvorschau in gross anzeigen
    (Und zwar 24, weil ich einen "Rudimentär-Adventskalender plane"...:wink:)
    Ich habe inwzwischen eine "Java Sript"-Lösung gefunden (da kann mein "Know-How" auf dem Stand von 1999 sogar noch etwas mit anfangen...) aber die mag ich nicht verwenden, weil ich gelesen habe, dass Java-Script bei Wordpress verboten ist...?

    Jetzt habe ich schon ein bisschen mit CSS rumprobiert, aber irgendwie habe ich immer nur 2 Bilder nebeneinander (statt übereinander), bei denen kein "Rollover" stattfindet...:-(

    Hat jemand einen Rat für mich?

    Einmal editiert, zuletzt von Pinalotta (29. November 2014 um 19:58)

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Warum sollte js bei WP verboten sein?

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Ich hatte dazu das hier gefunden:

    http://de.support.wordpress.com/code/

    Zitat daraus:"
    [h=4]"JavaScript[/h] Benutzer dürfen auf WordPress.com-Blogs kein JavaScript verwenden. JavaScript kann für böswillige Zwecke verwendet werden. Zum Beispiel hat JavaScript dazu geführt, dass Seiten wie MySpace.com und LiveJournal in der Vergangenheit offline gegangen sind. Die Sicherheit aller WordPress.com-Blogs hat oberste Priorität für uns, und bis wir garantieren können, dass Skriptsprachen nicht schädlich sind, werden wir sie nicht zulassen.
    JavaScript von vertrauenswürdigen Partnern wie YouTube und Google Video, werden in einen WordPress-Shortcode umgewandelt, wenn ein Beitrag gespeichert wird."

    Zitat von Pinalotta

    ......
    (Und zwar 24, weil ich einen "Rudimentär-Adventskalender plane"...:wink:)
    Ich habe inwzwischen eine "Java Sript"-Lösung gefunden (da kann mein "Know-How" auf dem Stand von 1999 sogar noch etwas mit anfangen...) aber die mag ich nicht verwenden, weil ich gelesen habe, dass Java-Script bei Wordpress verboten ist...?
    .

    das ist bei wordpress.com so, wenn mich nicht alles täuscht

    hast du WordPress selbst installiert

    Oh sorry.... Ja, ein Freund hat mir WordPress auf seinem Server installiert.... Dann heißt bei Wordpress.org kann ich soviel JavaScript benutzen, wie ich will?
    ...Auch Flash?

    Liebe Monika, lieber Maxe und liebe(r)...?
    Vielen Dank schonmal für Euer Feedback, denn
    mit dem Javascript funktioniert das jetzt p h a n t a s t i s c h:-) bei einem Bild!
    Mein Problem ist jetzt nur noch, wie ich 24 Bilder nach diesem Schema platziert bekomme...
    Muss ich da eine Tabelle zu bauen?
    Hätte vielleicht jemand ein klitzekleines Grundgerüst dafür, an das ich mich halten könnte?

    (Das wäre mein Code für ein Rollover-Bild:
    <script type="text/javascript">
    function mouseOver()
    {
    document.rollover_one.src ="Beispielbild_A"
    }
    function mouseOut()
    {
    document.rollover_one.src ="Beispielbild_B"
    }
    </script>

    <img alt="Link Title" src="Beispielbild_A" name="rollover_one" width="210" height="100" onmouseover="mouseOver()" onmouseout="mouseOut()" style="border: none;" align="left" /></a>

    suche mal nach CSS Grid

    für sowas brauchst keine Tabelle mehr, die wäre auch viel zu unbeweglich

    Danke für die Info, Monika.
    Bin jetzt mit nachfolgendem Code weitergekommen, für den ich natürlich keinerlei Garantie übernehmen kann..., aber bei mir funktioniert er. Habe jetzt einfach stur 24 Bilder (+ Rolloverstatus und großes Kalenderüberraschungsbild) nach diesem Prinzip hochgeladen und was soll ich sagen? Es funktioniert:grin: (Wenn wahrscheinlich auch aus Sicht von Profis mit einer absurden Menge an Code..!)

    <a href="http://www....bild_gross.png"><img src="http://www....bild_klein_1.png%22onmouseover=%22this.src='http/www....Bild_Kl…1.png%27%22alt="..." width="100" height="82" /></a>

    [COLOR=#ffffff] iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii[/COLOR] :smile:
    Einen schönen ersten Advent allerseits [COLOR=#ff0000][size=18][FONT=arial]I[/FONT][/SIZE][/COLOR]

    Einmal editiert, zuletzt von Pinalotta (30. November 2014 um 12:19)

    ach ich dachte, du wolltest ein Bild mit 24 Bildern überrollen. Du willst also immer nur 1 Bild mit 1 anderen Bild hovern?
    Das geht eigentlich recht simple mit CSS. Als img scr nimmst du ein transparentes png in den richtigen Abmessungen. Dann nur noch über background-images arbeiten:

    HTML
    <a href="http://www....Bild1_gross.png"><img src="transparent.png" class="bild1" alt="..." width="100" height="82" /></a>
<a href="http://www....Bild2_gross.png"><img src="transparent.png" class="bild2" alt="..." width="100" height="82" /></a>
    HTML
    <style>
.bild1 { background-image: url(http://www....Bild1_Klein_1.png); }
.bild1:hover { background-image: url(http://www....Bild1_Klein_2.png); }


.bild2 { background-image: url(http://www....Bild2_Klein_1.png); }
.bild2:hover { background-image: url( http://www....Bild2_Klein_2.png); }
</style>

    So brauchst du den js code gar nicht.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Hallo Maxe,

    vielen Dank für den Tipp, aber da mein Kalender jetzt eigentlich genauso läuft, wie ich mir das vorgstellt hatte, würde ich eigentlich lieber gerne die Finger davon lassen, da nochmal was zu ändern...;)

    Mir ist nur eines aufgefallen, und zwar ist mein gesamter Kalenderpart[COLOR=#ff0000] knallrot[/COLOR] im Seitenquelltext eingefärbt..! Deswegen vermute ich, dass mein Code "nicht ganz korrekt" zu sein scheint... um es mal harmlos auszudrücken...;)

    Weiss jemand, was in meinem Code (s.o.) nicht stimmt? Muss ich da irgendwie noch einen div- oder html-tag oder sowas vorsetzen?
    ...Und macht das generell was, wenn ein Code fehlerhaft ist? Kann da was passieren, oder ist das nur ein "Schönheitsfehler"? (Dann würde ich´s nämlich am liebsten so lassen, weil eigentlich alles wie am Schnürchen klappt - Die Seite lädt nur einen kleinen Moment länger)

    LG

    da ich nicht sehe wo das ist spekulier ich mal

    gib über all diesen "Code" ein div mit einer speziellen Klasse,
    zb div class="advent14"
    und dieser Klasse gibts du eine Schriftfarbe: color:black;
    sind die Links rot eingefärbt dann

    HTML
    .advent14, 
.advent14 a{
color:black;
}

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden