Spiegelung in Überschrift

djpadi

Hallo zusammen, ich habe vor ein paar Wochen angefangen, ein Wordpress Theme zu erstellen.

Mein Problem ist nun folgendes:
Ich habe mit dem Plugin AnyFont die normalen Überschriften durch Bilder ersetzt. (Andere Schriftart, etc.)
Diese soll nun gespiegelt werden, dafür habe ich die Reflection.js von http://cow.neondragon.net/stuff/reflection/ benutzen wollen.

Habe die Javascript Datei hochgeladen, sie in den Header eingebaut und abrufbar ist sie auch.

Das AnyFont Plugin hab ich so umgeschrieben (nur das class="reflect" Attribut habe ich hinzugefügt), sodass die Reflektion normalerweiße Angezeigt werden müsste.
Wenn man den Quellcode der Seite checkt, ist eigentlich alles korrekt.
Link zu meiner Seite: http://www.djpadi.net

Code

<img src="[URL="http://forum.wordpress-deutschland.org/view-source:http://www.djpadi.net/images/Titel2/blablub.png"]http://www.djpadi.net/images/Titel2/blablub.png[/URL]" title="blablub" class="reflect" alt="blablub" style="border: 0pt none ;"/>

Laut der Readme des Reflection.js Scripts muss man nur dieses class Attribut hinzufügen.

Im Header sieht die eingebundene .js Datei so aus:

PHP

<script type="text/javascript" src="<?php bloginfo('url') ?>/reflection.js"></script>

Im Browser also demnach so:

Code

<script type="text/javascript" src="[URL="http://forum.wordpress-deutschland.org/view-source:http://www.djpadi.net/reflection.js"]http://www.djpadi.net/reflection.js[/URL]"></script>

Kann es sein, dass ein anderes Plugin die Funktion blockt?

Gerade laufen noch Akismet, Contact Form 7, Google XML Sitemaps, Lightbox Plus, Search Unleashed, Sociable, Wordpress Download Monitor und wordTube auf dem Blog.

Ich hoffe auf schnelle Hilfe :)
Danke im Vorraus.
djpadi

//Edit: Ich hoffe, mein Problem passt in dieses Forum, wenn nicht bitte verschieben, danke.
Außerdem, ich weiß, dass ich den Code noch Validieren muss (:

//Edit 2: Wisst ihr, was gemeint ist? Gruß

Werbepost

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

djpadi

Kann mir denn niemand Helfen? Es haben sich doch so viele das Thema angesehen.
Ist etwas unklar? Ich antworte gerne.

Danke
djpadi

codestyling

An sich geht das Script, hab das mit FireBug ausführen lassen.
Was allerdings nicht will, ist das hier:

Code

var previousOnload = window.onload;
window.onload = function () { if(previousOnload) previousOnload(); addReflections(); }

Die Funktion addReflections() wird nicht ausgeführt, was darauf schliessen lässt, das eines der anderen Scripte (leider gepackt) dies gnadenlos überschreibt.
Wie wäre es mit jQuery, weil du das ja eh laden lässt ?

Code

jQuery(document).ready(function() {
  addReflections();
});

djpadi

Hey, danke für deine Antwort.
jQuery wird von Lightbox benutzt, soll ich also den Code, den du geschrieben hast in diese .js Datei einfügen?

Habe jetzt folgende Zeile probiert:

PHP

<body onload="window.setTimeout('ZeitAnzeigen()', 1000); previousOnload(); addReflections();" <?php body_class(); ?>>

Allerdings führt es die Reflektion immernoch nicht aus.
Hilfe wäre klasse, Dankeschön (:

//Edit: jQuery wird eh von Wordpress standardmäßig ausgeführt. Lightbox benutzt nur noch erweiteten Code, so wie ich das gesehen habe.

//Edit 2: Habs jetzt hinbekommen, habe einfach previousOnload(); im <body onload=""> weggelassen und den Codeschnipsel von codestyling (thx!!) in die jquery.js noch eingefügt.

Danke für die Hilfe (:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Spiegelung in Überschrift

Jetzt mitmachen!