Beiträge von Traumerin

Traumerin

Die Bilder erscheinen nie in einer Light-Box

Traumerin

Liebe Leute!
Ich habe mit folgenden beiden Seiten schon seit geraumer Zeit ein Problem mit Lightbox. Ich dachte, das Problem würde sich durch ein Wordpress-Update von selbst lösen, aber leider ist dem nicht so.
Hab schon sämtliche Lightbox-Plugins ausprobiert.
Vielleicht hat jemand einen Tipp für mich!?
http://www.greyhound-doctors.de
http://www.lakesidewillie.de

Traumerin

Hallo liebe Forenmitglieder!
Vielleicht hat ja von Euch schon jemand dieses Problem gehabt:
Die Seitenleisten auf der http://www.pfarrverband-alkofen-pleinting.de werden im Opera untereinander angezeigt?!?
Hoffe, dass mir jemand helfen kann!

Traumerin

Hallo!
Ich habe ein Problem mit Imageflow (NextGen) im Firefox.
Er kann den width-Wert nicht verarbeiten. Ich habe auch schon rausgefunden, dass man "px" ergänzen soll, aber ich weiß nicht wo .....
kann mir jemand helfen?

Traumerin

bitte löschen

Traumerin

Juhuuuuuu - jetzt gehts :)

Nach langem Ausprobieren habe ich mich doch dazu entschlossen, eine andere WZ_tooltip.js Datei auszuprobieren - und tatsächlich - die erste war DEFEKT.
Nun habe ich folgenden Code:

Code

<p>
<script src="/wp-admin/js/wz_tooltip.js" type="text/javascript"></script></p>
<p><script type="text/javascript">// <![CDATA[
</div>
<div  mce_tmp="1">
// ]]></script>
</p>
<p><img usemap="#Map" src="/wp-content/uploads/2010/08/plan.png" border="0" alt="" /></p>
<map id="Map" name="Map">
<area onmouseover="Tip('TEST')" shape="circle" coords="235,107,250" href="#" />
</map></p>

Alles anzeigen

und es funktioniert einwandfrei!

Nun möchte ich aber statt dem Text ein Bild anzeigen lassen. Hat jemand eine Ahnung, wie ich das machen könnte? Muss ich da BGIMG anwenden oder einfach den Pfad zum Bild statt 'TEST' aber mit welchen Anführungsstrichen?

Traumerin

Zitat von 'Marcus[IS
;338264']Na ja,
im zweiten Code sind auch ein paar ungereimtheiten.
Zum Beispiel "TEST" muss laut Dokumentation als [COLOR=Red]'[/COLOR]TEST[COLOR=Red]'[/COLOR] angegeben sein.
Ich weiß auch nicht, ob WZ-Tooltips wirklich für die Verwendung bei Area Shapes lauffähig ist, aber du kannst ja mal folgendes versuchen;
Code
<img src="/wp-content/uploads/2010/08/plan.png" border="0" alt="" usemap="#map">
<map name="map">
<area shape="circle" coords="235,107,250" href="#" onmouseover="Tip('TEST')" onmouseout="UnTip()"/>
</map>
Ansonsten weiß ich auch keine Lösung.

Schade - funktioniert auch nicht :-|

Traumerin

Auch wenn ich den zweiten Skriptaufruf lösche, gehts trotzdem nicht :?

Traumerin

Hey Leute ich habe schon gelesen und gelesen und gelesen. Ich möchte mich ja eh selbst durchbeißen. Im Forum zu posten mach ich nur, wenn ich wirklich nicht mehr weiter weiß. Natürlich habe ich in meinem vorherigen Post die Antwort NICHT IGNORIERT und die Anweisungen befolgt und die Anleitung gelesen, aber ich komme nicht weiter.

Ein fertiges Skript auf dem Silbertablett erwarte ich nicht von Euch. Aber könnte ja sein,dass jemanden ein kleiner Fehler gleich auffällt.

Tut mir Leid, wenn es anders aussieht.

Traumerin

:roll: vielleicht ja doch - irgendwann wird sich schon jemand meiner erbarmen :(

Traumerin

Hallo!! Kann mir einer sagen, warum o.g. Skript bei mir nicht funktioniert?
Es geht einfach nicht! Ich bin am Verzweifeln.
Den Area erkennt er, aber halt die Funktion nicht:-?
Folgendes habe ich in die Header-PHP eingefügt:

Code

</head>
<body>
[COLOR="Red"]<script type="text/javascript" src="wp-admin/js/wz_tooltip.js"><script.js></[/COLOR]script>
<div id="art-page-background-simple-gradient">
</div>
<div id="art-page-background-glare">
    <div id="art-page-background-glare-image"></div>
</div>

Und in den Beitrag selbst:

Code

<p><img usemap="#Map" src="/wp-content/uploads/2010/08/plan.png" border="0" alt="" /></p>
<map id="Map" name="Map">
<area onmouseover="Tip("TEST")" shape="circle" coords="235,107,250" href="#" />
</map>
</p>

Die Karte wird angezeigt. Aber es passiert nichts :-?
Kann mir denn niemand helfen?

Traumerin

:(
Es funktioniert einfach nicht! Ich bin am Verzweifeln.
Folgendes habe ich in die Header-PHP eingefügt:

Code

</head>
<body>
[COLOR="Red"]<script type="text/javascript" src="wp-admin/js/wz_tooltip.js"><script.js></[/COLOR]script>
<div id="art-page-background-simple-gradient">
</div>
<div id="art-page-background-glare">
    <div id="art-page-background-glare-image"></div>
</div>

Und in den Beitrag selbst:

Code

<p><img usemap="#Map" src="/wp-content/uploads/2010/08/plan.png" border="0" alt="" /></p>
<map id="Map" name="Map">
<area onmouseover="Tip("TEST")" shape="circle" coords="235,107,250" href="#" />
</map>
</p>

Die Karte wird angezeigt. Aber es passiert nichts :-?
Kann mir denn niemand helfen?

Traumerin

Hallo Leute! Ich möchte eine Übersichtskarte mit o.g. JS-Script-Funktion machen. Ich habe die JS-Datei in den richtigen Ordner geladen und folgenden Code geschrieben:

Code

<p><script src="/wp-admin/js/wz_tooltip.js" type="text/javascript">
<script type="text/javascript"></p>
<p></script></p>
<p><img style="border: 0px;" usemap="map" src="/wp-content/uploads/2010/08/plan.png" alt="" width="600" height="497" /></p>
<map name="map">
<area shape="circle" coords="235,107,500 " onmouseover="Tip('parkplaetze.png')" onmouseout="UnTip()" alt="" />" </p>
</map>

Es funktioniert nicht - wisst Ihr, warum? :?

Traumerin

Danke! Jetzt muss ich irgendwie weitersuchen :)

Traumerin

Zitat von bego

Mal eine bescheidene Frage: Wie/wo hast Du das denn hochgeladen?
Aufgrund der <br />-Tags vermute ich ja fast, dass Du hier einfach HTML-Code mit dem visuellen Editor als Artikel hochgeladen hast?
Bego

:-( Du vermutest richtig
Ich arbeite erst seit einer Woche mit WP und kenn mich noch nicht wirklich aus :sad:
Was muss ich machen?

Traumerin

Zitat von bego

Irgendwie ist da bei deinem Code der Wurm drin. In Style Sheets gehören keine <br />-Tags. Womit hast Du denn da editiert?
Das Tag wp_enqueue_script wird im <head>-Bereich der header.php eingefügt und ersetzt Dein <script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>
Bego

Den Code hat mir jemand angefertigt.
Gibt es keine einfache Lösung für mein Problem?

Traumerin

OK! Sorry!

Code

<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script></p>
<p>></p>
<p><!--                        /* Reset CSS */<br />
 html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}</p>
<p>#preview_image {<br />
 border:0px dashed #000000;<br />
 height:342px;<br />
 position:absolute;<br />
 right:-400px;<br />
 top:75px;<br />
 width:500px;<br />
 display:none;<br />
 }<br />
 #content {<br />
 margin:0 auto;<br />
 width:600px;<br />
 position:relative;<br />
 }</p>
<p>--></p>
<p><script type="text/javascript">// <![CDATA[
        $(document).ready(function(){
           $("#item_1").hover( function () { $('#preview_image').css({'background-image':url'("/wp-content/uploads/2010/08/parkplaetze-150x150.png")', 'top':'100px', 'left':'300px'}); $('#preview_image').fadeIn(200); }, function () { $('#preview_image').fadeOut(200); } );</p>
<p>           $("#item_2").hover( function () { $('#preview_image').css({'background-image':url'("/wp-content/uploads/2010/08/eisbahn.png")', 'top':'200px', 'left':'100px'}); $('#preview_image').fadeIn(200); }, function () { $('#preview_image').fadeOut(200); } );
           $("#item_3").hover( function () { $('#preview_image').css({'background-image':'url("item_1_background.png")', 'top':'100px', 'left':'450px'}); $('#preview_image').fadeIn(200); }, function () { $('#preview_image').fadeOut(200); } );
        });
// ]]></script>
</p>
<p><br class="spacer_" /></p>
<div id="content">
<p><img style="border: 0px none currentColor;" usemap="#Map" src="/wp-content/uploads/2010/08/plan.png" alt="" width="600" height="497" /></p>
<p><!-- Imagemap --></p>
<map id="Map" name="Map">
<area id="item_1" shape="circle" coords="235,107,25" href="#" />
<area id="item_2" shape="circle" coords="26,238,26" href="#" />
<area id="item_3" shape="rect" coords="91,179,122,271" href="#" />
</map>
</div>

Alles anzeigen

Danke für Deinen Tipp, aber wo muss ich denn das hinschreiben? In den Template-Code?

PHP

<?php wp_enqueue_script('jquery'); ?>

Traumerin

Hallo! Ich möchte einen Übersichtsplan mit Hover-Effekten gestalten.

Traumerin

... ich habe

ein Plugin gefunden, in der Textfelder bei Mouseover angezeigt werden. Das ist schon mal super! Aber ich möchte gerne Fotos anzeigen lassen .... kann mir keiner helfen? :???:

Traumerin

#jreisinger
Nein - das hätte ich schon gefunden! Da bin ich auf meiner Suche oft drübergestolpert.
Es ist ein Übersichtsplan einer Bäderlandschaft (Hallenbad, Freibad ...).

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von Traumerin

Lightbox-Probleme

Lightbox-Probleme

Seitenleisten im Opera untereinander!?

Firefox-Problem >> Imageflow läuft nicht

NextGen Imageflow läuft im Firefox nicht!

wz_tooltip.js - funktioniert nicht - HILFE!!!!

wz_tooltip.js - funktioniert nicht - HILFE!!!!

wz_tooltip.js - funktioniert nicht - HILFE!!!!

Bitte dringend um Hilfe! WZ_tooltip.js

Bitte dringend um Hilfe! WZ_tooltip.js

Bitte dringend um Hilfe! WZ_tooltip.js

wz_tooltip.js - funktioniert nicht - HILFE!!!!

wz_tooltip.js - funktioniert nicht - HILFE!!!!

Was ist falsch? Hover-Funktion

Was ist falsch? Hover-Funktion

Was ist falsch? Hover-Funktion

Was ist falsch? Hover-Funktion

Was ist falsch? Hover-Funktion

Plugin für Übersichtsplan

Plugin für Übersichtsplan