Problem mit lightbox/expand

Print Page

Vinci 10.11.2011 - 17:19 1292 1

Posts

Vinci

hatin' on summer

Registered: Jan 2003
Location: Wien
Posts: 5822

10.11.2011 - 17:19

Servus

Ich versuche grad mit meinen bescheidenen Programmierkenntnissen eine kleine Homepage zu basteln und stoße auf (erwarteten) Widerstand.

Scheinbar kommen sich 2x Plugins, die ich gerne nutzen würde, in irgendeiner Form in die Quere. Bei dem einen handelt es sich um eine leicht abgeänderte Form von lightbox2, bei dem anderen um ein Expand/Collapse Skript. Beide hab ich als .zip, zusammen mit meinem und dem zu lightbox gehörigen Stylesheet angehängt.

Leider kann ich nicht nachvollziehen, wieso die beiden gemeinsam nicht funktionieren wollen. Entferne ich die entsprechende Funktion aus meinem Header, so funktioniert entweder Lightbox oder aber das Expand Skript.

Code: HTML

<script type="text/javascript">
<!--//--><![CDATA[//><!--
$(function() {
    // --- first section initially expanded:
    $("h2.expand").toggler({initShow: "div.collapse:first"});
    // --- Other options:
    //$("h2.expand").toggler({method: "toggle", speed: 0});
    //$("h2.expand").toggler({method: "toggle"});
    //$("h2.expand").toggler({speed: "fast"});
    //$("h2.expand").toggler({method: "fadeToggle"});
    //$("h2.expand").toggler({method: "slideFadeToggle"});    
    $("#content").expandAll({trigger: "h2.expand", ref: "div.demo",  speed: 300, oneSwitch: false});
});
//--><!]]>
</script>

<script type="text/javascript"> 
  $(function() { 
    $('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel 
}); 
</script>

Idente <div> tags konnte ich auch keine finden...

tia
Vinci

js_173560.zip (downloaded 96x)

Rektal

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4452

21.11.2011 - 22:33

Naja .. braucht lightbox nicht Prototype und das andere ist ein jQuery-Plugin ?

Beide wollen vermutlich die Variable "$" überladen .. afaik bitten beide eine Möglichkeit das nicht zu machen, so dass du anstatt "$" z.B. immer "jQuery" schreiben musst (für Plugins sollte es wurscht sein, sofern sie gut geschrieben sind; das schaut bei dem expand.js OK aus).

Auserdem schaut es aus als würde deine Funtion nicht aufgerufen; du hast eine anonymus function deklariert die ein function object zurück gibt, dass du aber nicht aufrufst.

Funktioniert das?

Code: JS

$(function($) {
    // --- first section initially expanded:
    $("h2.expand").toggler({initShow: "div.collapse:first"});
    // --- Other options:
    //$("h2.expand").toggler({method: "toggle", speed: 0});
    //$("h2.expand").toggler({method: "toggle"});
    //$("h2.expand").toggler({speed: "fast"});
    //$("h2.expand").toggler({method: "fadeToggle"});
    //$("h2.expand").toggler({method: "slideFadeToggle"});    
    $("#content").expandAll({trigger: "h2.expand", ref: "div.demo",  speed: 300, oneSwitch: false});
})(jQuery);

Wäre leichter zu sagen wenn du es wo online packst ...

Bearbeitet von Rektal am 21.11.2011, 22:35

All times are GMT +1 hour. The time now is 10:50.

Problem mit lightbox/expand

Forum Index > Software > Coding Stuff

Vinci

Rektal