Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Jonnsn" data-source="post: 1969259" data-attributes="member: 73967">AW: Fancybox einbindenHi,<a href="http://fancybox.net/howto" target="_blank">http://fancybox.net/howto</a>Du musst bei dir also in etwa so etwas machen:[HTML]&lt;p&gt;&lt;a rel=&quot;example_group&quot; href=&quot;./example/bild01.jpg&quot; title=&quot;Erste Galerie&quot;&gt;&lt;img border=&quot;0&quot; alt=&quot;example1&quot; src=&quot;./example/bild-thub01.jpg&quot; /&gt;&lt;/a&gt;&lt;a rel=&quot;example_group&quot; href=&quot;./example/bild02.jpg&quot; title=&quot;Erste Galerie&quot;&gt;&lt;img border=&quot;0&quot; alt=&quot;example2&quot; src=&quot;example/bild-thub02.jpg&quot; /&gt;&lt;/a&gt;&lt;a rel=&quot;example_group&quot; href=&quot;./example/bild03.jpg&quot; title=&quot;Erste Galerie&quot;&gt;&lt;img border=&quot;0&quot; alt=&quot;example3&quot; src=&quot;./example/bild-thub03.jpg&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&nbsp;&lt;p&gt;&lt;a rel=&quot;meineGruppe2&quot; href=&quot;./example/bild04.jpg&quot; title=&quot;Zweite Galerie&quot;&gt;&lt;img border=&quot;0&quot; alt=&quot;example1&quot; src=&quot;./example/bild-thub04.jpg&quot; /&gt;&lt;/a&gt;&lt;a rel=&quot;meineGruppe2&quot; href=&quot;./example/bild05.jpg&quot; title=&quot;Zweite Galerie&quot;&gt;&lt;img border=&quot;0&quot; alt=&quot;example2&quot; src=&quot;example/bild-thub05.jpg&quot; /&gt;&lt;/a&gt;&lt;a rel=&quot;meineGruppe2&quot; href=&quot;./example/bild06.jpg&quot; title=&quot;Zweite Galerie&quot;&gt;&lt;img border=&quot;0&quot; alt=&quot;example3&quot; src=&quot;./example/bild-thub06.jpg&quot; /&gt;&lt;/a&gt;&lt;/p&gt;[/HTML]und im Head:[HTML]&lt;script type=&quot;text/javascript&quot;&gt;&nbsp; $(document).ready(function() {&nbsp;&nbsp; $(&quot;a[rel=example_group]&quot;).fancybox({&nbsp; &nbsp; &#039;transitionIn&#039;&nbsp; : &#039;none&#039;,&nbsp; &nbsp; &#039;transitionOut&#039;&nbsp; : &#039;none&#039;,&nbsp; &nbsp; &#039;titlePosition&#039;&nbsp; : &#039;over&#039;,&nbsp; &nbsp; &#039;titleFormat&#039;&nbsp; : function(title, currentArray, currentIndex, currentOpts) {&nbsp; &nbsp;&nbsp; return &#039;&lt;span id=&quot;fancybox-title-over&quot;&gt;Image &#039; + (currentIndex + 1) + &#039; / &#039; + currentArray.length + (title.length ? &#039; &amp;nbsp; &#039; + title : &#039;&#039;) + &#039;&lt;/span&gt;&#039;;&nbsp; &nbsp; }&nbsp;&nbsp; });&nbsp;&nbsp; $(&quot;a[rel=meineGruppe2]&quot;).fancybox({&nbsp; &nbsp; &#039;transitionIn&#039;&nbsp; : &#039;none&#039;,&nbsp; &nbsp; &#039;transitionOut&#039;&nbsp; : &#039;none&#039;,&nbsp; &nbsp; &#039;titlePosition&#039;&nbsp; : &#039;over&#039;,&nbsp; &nbsp; &#039;titleFormat&#039;&nbsp; : function(title, currentArray, currentIndex, currentOpts) {&nbsp; &nbsp;&nbsp; return &#039;&lt;span id=&quot;fancybox-title-over&quot;&gt;Image &#039; + (currentIndex + 1) + &#039; / &#039; + currentArray.length + (title.length ? &#039; &amp;nbsp; &#039; + title : &#039;&#039;) + &#039;&lt;/span&gt;&#039;;&nbsp; &nbsp; }&nbsp;&nbsp; });&nbsp; });&nbsp;&lt;/script&gt;[/HTML]Von Fancybox gibt es übrigens auch schon Version 2:<a href="http://fancyapps.com/fancybox/" target="_blank">http://fancyapps.com/fancybox/</a>Gruß</blockquote>

[QUOTE="Jonnsn, post: 1969259, member: 73967"] [b]AW: Fancybox einbinden[/b] Hi, [URL]http://fancybox.net/howto[/URL] Du musst bei dir also in etwa so etwas machen: [HTML] <a rel="example_group" href="./example/bild01.jpg" title="Erste Galerie"><img border="0" alt="example1" src="./example/bild-thub01.jpg" /></a> <a rel="example_group" href="./example/bild02.jpg" title="Erste Galerie"><img border="0" alt="example2" src="example/bild-thub02.jpg" /></a> <a rel="example_group" href="./example/bild03.jpg" title="Erste Galerie"><img border="0" alt="example3" src="./example/bild-thub03.jpg" /></a> <a rel="meineGruppe2" href="./example/bild04.jpg" title="Zweite Galerie"><img border="0" alt="example1" src="./example/bild-thub04.jpg" /></a> <a rel="meineGruppe2" href="./example/bild05.jpg" title="Zweite Galerie"><img border="0" alt="example2" src="example/bild-thub05.jpg" /></a> <a rel="meineGruppe2" href="./example/bild06.jpg" title="Zweite Galerie"><img border="0" alt="example3" src="./example/bild-thub06.jpg" /></a> [/HTML]und im Head: [HTML]<script type="text/javascript"> $(document).ready(function() { $("a[rel=example_group]").fancybox({ 'transitionIn' : 'none', 'transitionOut' : 'none', 'titlePosition' : 'over', 'titleFormat' : function(title, currentArray, currentIndex, currentOpts) { return 'Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + ''; } }); $("a[rel=meineGruppe2]").fancybox({ 'transitionIn' : 'none', 'transitionOut' : 'none', 'titlePosition' : 'over', 'titleFormat' : function(title, currentArray, currentIndex, currentOpts) { return 'Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + ''; } }); }); </script>[/HTML]Von Fancybox gibt es übrigens auch schon Version 2: [URL]http://fancyapps.com/fancybox/[/URL] Gruß [/QUOTE]

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

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?