Auf Thema antworten 2026

Beitrag

<blockquote data-quote="marck49" data-source="post: 1969227" data-attributes="member: 302817">Hallo,ich habe folgendes vor:ich möchte zwei galerien auf einer webseite einfügen, die geteilt mit der fancybox angezeigt werden.Im head-bereich:[CODE]&lt;script type=&quot;text/javascript&quot; src=&quot;&gt;&nbsp;&lt;script&gt;&nbsp; !window.jQuery &amp;&amp; document.write(&#039;&lt;script src=&quot;jquery-1.4.3.min.js&quot;&gt;&lt;\/script&gt;&#039;);&nbsp;&lt;/script&gt;&nbsp;&lt;script type=&quot;text/javascript&quot; src=&quot;./fancybox/jquery.mousewheel-3.0.4.pack.js&quot;&gt;&lt;/script&gt;&nbsp;&lt;script type=&quot;text/javascript&quot; src=&quot;./fancybox/jquery.fancybox-1.3.4.pack.js&quot;&gt;&lt;/script&gt;&nbsp;&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;./fancybox/jquery.fancybox-1.3.4.css&quot; media=&quot;screen&quot; /&gt;&nbsp;&lt;script type=&quot;text/javascript&quot;&gt;&nbsp; $(document).ready(function() {&nbsp;&nbsp; /*&nbsp;&nbsp; *&nbsp;&nbsp; Examples - images&nbsp;&nbsp; */&nbsp;&nbsp; $(&quot;a#example1&quot;).fancybox();&nbsp;&nbsp; $(&quot;a#example2&quot;).fancybox({&nbsp; &nbsp; &#039;overlayShow&#039; : false,&nbsp; &nbsp; &#039;transitionIn&#039; : &#039;elastic&#039;,&nbsp; &nbsp; &#039;transitionOut&#039; : &#039;elastic&#039;&nbsp;&nbsp; });&nbsp;&nbsp; $(&quot;a#example3&quot;).fancybox({&nbsp; &nbsp; &#039;transitionIn&#039; : &#039;none&#039;,&nbsp; &nbsp; &#039;transitionOut&#039; : &#039;none&#039;&nbsp;&nbsp; });&nbsp;&nbsp; $(&quot;a#example4&quot;).fancybox({&nbsp; &nbsp; &#039;opacity&#039;&nbsp; : true,&nbsp; &nbsp; &#039;overlayShow&#039; : false,&nbsp; &nbsp; &#039;transitionIn&#039; : &#039;elastic&#039;,&nbsp; &nbsp; &#039;transitionOut&#039; : &#039;none&#039;&nbsp;&nbsp; });&nbsp;&nbsp; $(&quot;a#example5&quot;).fancybox();&nbsp;&nbsp; $(&quot;a#example6&quot;).fancybox({&nbsp; &nbsp; &#039;titlePosition&#039;&nbsp; : &#039;outside&#039;,&nbsp; &nbsp; &#039;overlayColor&#039;&nbsp; : &#039;#000&#039;,&nbsp; &nbsp; &#039;overlayOpacity&#039; : 0.9&nbsp;&nbsp; });&nbsp;&nbsp; $(&quot;a#example7&quot;).fancybox({&nbsp; &nbsp; &#039;titlePosition&#039; : &#039;inside&#039;&nbsp;&nbsp; });&nbsp;&nbsp; $(&quot;a#example8&quot;).fancybox({&nbsp; &nbsp; &#039;titlePosition&#039; : &#039;over&#039;&nbsp;&nbsp; });&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; /*&nbsp;&nbsp; *&nbsp;&nbsp; Examples - various&nbsp;&nbsp; */&nbsp;&nbsp; $(&quot;#various1&quot;).fancybox({&nbsp; &nbsp; &#039;titlePosition&#039;&nbsp; : &#039;inside&#039;,&nbsp; &nbsp; &#039;transitionIn&#039;&nbsp; : &#039;none&#039;,&nbsp; &nbsp; &#039;transitionOut&#039;&nbsp; : &#039;none&#039;&nbsp;&nbsp; });&nbsp;&nbsp; $(&quot;#various2&quot;).fancybox();&nbsp;&nbsp; $(&quot;#various3&quot;).fancybox({&nbsp; &nbsp; &#039;width&#039;&nbsp; &nbsp; : &#039;75%&#039;,&nbsp; &nbsp; &#039;height&#039;&nbsp;&nbsp; : &#039;75%&#039;,&nbsp; &nbsp; &#039;autoScale&#039;&nbsp;&nbsp; : false,&nbsp; &nbsp; &#039;transitionIn&#039;&nbsp; : &#039;none&#039;,&nbsp; &nbsp; &#039;transitionOut&#039;&nbsp; : &#039;none&#039;,&nbsp; &nbsp; &#039;type&#039;&nbsp; &nbsp; : &#039;iframe&#039;&nbsp;&nbsp; });&nbsp;&nbsp; $(&quot;#various4&quot;).fancybox({&nbsp; &nbsp; &#039;padding&#039;&nbsp;&nbsp; : 0,&nbsp; &nbsp; &#039;autoScale&#039;&nbsp;&nbsp; : false,&nbsp; &nbsp; &#039;transitionIn&#039;&nbsp; : &#039;none&#039;,&nbsp; &nbsp; &#039;transitionOut&#039;&nbsp; : &#039;none&#039;&nbsp;&nbsp; });&nbsp; });&nbsp;&lt;/script&gt;[/CODE]&nbsp;[HTML]&nbsp;&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;example_group&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;example_group&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;example_group&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;&nbsp;[/HTML]&nbsp;Ich möchte erreichen das die bilder 1-3 in einer Galerie mit fancybox angezeigt werden und die bilder 4-6 in einer zweiten galerie mit fancybox angezeigt werden.&nbsp;Das ist für euch sicher eine einfache Sache, für mich ein Problem&nbsp;Vielen dank und grußmarck</blockquote>

[QUOTE="marck49, post: 1969227, member: 302817"] Hallo, ich habe folgendes vor: ich möchte zwei galerien auf einer webseite einfügen, die geteilt mit der fancybox angezeigt werden. Im head-bereich: [CODE]<script type="text/javascript" src="> <script> !window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>'); </script> <script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script> <script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script> <link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" /> <script type="text/javascript"> $(document).ready(function() { /* * Examples - images */ $("a#example1").fancybox(); $("a#example2").fancybox({ 'overlayShow' : false, 'transitionIn' : 'elastic', 'transitionOut' : 'elastic' }); $("a#example3").fancybox({ 'transitionIn' : 'none', 'transitionOut' : 'none' }); $("a#example4").fancybox({ 'opacity' : true, 'overlayShow' : false, 'transitionIn' : 'elastic', 'transitionOut' : 'none' }); $("a#example5").fancybox(); $("a#example6").fancybox({ 'titlePosition' : 'outside', 'overlayColor' : '#000', 'overlayOpacity' : 0.9 }); $("a#example7").fancybox({ 'titlePosition' : 'inside' }); $("a#example8").fancybox({ 'titlePosition' : 'over' }); $("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 : '') + ''; } }); /* * Examples - various */ $("#various1").fancybox({ 'titlePosition' : 'inside', 'transitionIn' : 'none', 'transitionOut' : 'none' }); $("#various2").fancybox(); $("#various3").fancybox({ 'width' : '75%', 'height' : '75%', 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none', 'type' : 'iframe' }); $("#various4").fancybox({ 'padding' : 0, 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none' }); }); </script>[/CODE] [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="example_group" href="./example/bild04.jpg" title="Zweite Galerie"><img border="0" alt="example1" src="./example/bild-thub04.jpg" /></a> <a rel="example_group" href="./example/bild05.jpg" title="Zweite Galerie"><img border="0" alt="example2" src="example/bild-thub05.jpg" /></a> <a rel="example_group" href="./example/bild06.jpg" title="Zweite Galerie"><img border="0" alt="example3" src="./example/bild-thub06.jpg" /></a> [/HTML] Ich möchte erreichen das die bilder 1-3 in einer Galerie mit fancybox angezeigt werden und die bilder 4-6 in einer zweiten galerie mit fancybox angezeigt werden. Das ist für euch sicher eine einfache Sache, für mich ein Problem Vielen dank und gruß marck [/QUOTE]

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

Authentifizierung

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