Auf Thema antworten 2026

Beitrag

<blockquote data-quote="black-hat" data-source="post: 1824488" data-attributes="member: 311877">AW: Lightbox-Effekt: Link + Hintergrund verdunkeln + Galeriex.x Also ich habe mal folgendes probiert:-&gt; Ich habe ganz stumpf von der Beispielseite () den Quelltext kopiert und nur lediglich den Link () bei den Links eingefügt... und passieren tut nichts... habe ich was übersehen?[HTML]&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;!--&nbsp; &nbsp; This is a jQuery Tools standalone demo. Feel free to copy/paste.&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; http://flowplayer.org/tools/demos/&nbsp; &nbsp; &nbsp; &nbsp; Do *not* reference CSS files and images from flowplayer.org when in production&nbsp; &nbsp; &nbsp; Enjoy!--&gt;&lt;head&gt;&nbsp; &nbsp; &lt;title&gt;jQuery Tools standalone demo&lt;/title&gt;&nbsp; &nbsp; &lt;!-- include the Tools --&gt;&nbsp; &nbsp; &lt;script src=&quot;http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js&quot;&gt;&lt;/script&gt;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &lt;!-- standalone page styling (can be removed) --&gt;&nbsp; &nbsp; &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;http://static.flowplayer.org/tools/css/standalone.css&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;http://static.flowplayer.org/tools/css/overlay-apple.css&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;style&gt;&nbsp; &nbsp; &nbsp; &nbsp; /* use a semi-transparent image for the overlay */&nbsp; &nbsp; #overlay {&nbsp; &nbsp; &nbsp; &nbsp; background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);&nbsp; &nbsp; &nbsp; &nbsp; color:#efefef;&nbsp; &nbsp; &nbsp; &nbsp; height:800px;&nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; /* container for external content. uses vertical scrollbar, if needed */&nbsp; &nbsp; div.contentWrap {&nbsp; &nbsp; &nbsp; &nbsp; height:800px;&nbsp; &nbsp; &nbsp; &nbsp; overflow-y:auto;&nbsp; &nbsp; }&nbsp; &nbsp; &lt;/style&gt;&nbsp; &nbsp; &lt;/head&gt;&lt;body&gt;&lt;!-- external page is given in the href attribute (as it should be) --&gt;&lt;a href=&quot;http://www.twospy.com/galleriffic/example-2.html&quot; rel=&quot;#overlay&quot; style=&quot;text-decoration:none&quot;&gt;&nbsp; &nbsp; &lt;!-- remember that you can use any element inside the trigger --&gt;&nbsp; &nbsp; &lt;button type=&quot;button&quot;&gt;Show external page in overlay&lt;/button&gt;&nbsp; &nbsp; &lt;/a&gt;&lt;!-- overlayed element --&gt;&lt;div class=&quot;apple_overlay&quot; id=&quot;overlay&quot;&gt;&nbsp; &nbsp; &lt;!-- the external content is loaded inside this tag --&gt;&nbsp; &nbsp; &lt;div class=&quot;contentWrap&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;!-- make all links with the &#039;rel&#039; attribute open overlays --&gt;&lt;script&gt;$(function() {&nbsp; &nbsp; // if the function argument is given to overlay,&nbsp; &nbsp; // it is assumed to be the onBeforeLoad event listener&nbsp; &nbsp; $(&quot;a[rel]&quot;).overlay({&nbsp; &nbsp; &nbsp; &nbsp; mask: &#039;darkred&#039;,&nbsp; &nbsp; &nbsp; &nbsp; effect: &#039;apple&#039;,&nbsp; &nbsp; &nbsp; &nbsp; onBeforeLoad: function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // grab wrapper element inside content&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var wrap = this.getOverlay().find(&quot;.contentWrap&quot;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // load the page specified in the trigger&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; wrap.load(this.getTrigger().attr(&quot;href&quot;));&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; });});&lt;/script&gt;&lt;/body&gt;&lt;/html&gt;[/HTML]</blockquote>

[QUOTE="black-hat, post: 1824488, member: 311877"] [b]AW: Lightbox-Effekt: Link + Hintergrund verdunkeln + Galerie[/b] x.x Also ich habe mal folgendes probiert: -> Ich habe ganz stumpf von der Beispielseite () den Quelltext kopiert und nur lediglich den Link () bei den Links eingefügt... und passieren tut nichts... habe ich was übersehen? [HTML]<!DOCTYPE html> <html>  <head> <title>jQuery Tools standalone demo</title>  <script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>  <link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/standalone.css"/> <link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/overlay-apple.css"/> <style> /* use a semi-transparent image for the overlay */ #overlay { background-image:url(http://static.flowplayer.org/img/overlay/transparent.png); color:#efefef; height:800px; } /* container for external content. uses vertical scrollbar, if needed */ div.contentWrap { height:800px; overflow-y:auto; } </style> </head> <body>  <a href="http://www.twospy.com/galleriffic/example-2.html" rel="#overlay" style="text-decoration:none">  <button type="button">Show external page in overlay</button> </a>  <div class="apple_overlay" id="overlay">  <div class="contentWrap"></div> </div>  <script> $(function() { // if the function argument is given to overlay, // it is assumed to be the onBeforeLoad event listener $("a[rel]").overlay({ mask: 'darkred', effect: 'apple', onBeforeLoad: function() { // grab wrapper element inside content var wrap = this.getOverlay().find(".contentWrap"); // load the page specified in the trigger wrap.load(this.getTrigger().attr("href")); } }); }); </script> </body> </html>[/HTML] [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?