MyBB - Przeglądanie zdjęć w załącznikach przy pomocy FancyBox

[Aeven]

Cześć
Potrzebuję pomocy przy aplikacji FancyBoxa do forum MyBB. Wątek założyłem tutaj, ale jest tam naprawdę niewiele osób które mogą mi pomóc, więc może ktoś z Was...

Treść wątku z mybboard.pl

Stary wątek, ale nadal potrzebuję pomocy.

Moja aktualna wersja MyBB: 1.6.4

Skorzystałem z Fancybox - Fancy lightbox alternative

1. Szablon: postbit_attachments_thumbnails_thumbnail

<a href="attachment.php?aid={$attachment['aid']}" rel="attachimg"><img src="attachment.php?thumbnail={$attachment['aid']}" class="attachment" alt="" /></a>&nbsp;&nbsp;&nbsp;

Jak widać, dodane rel="attachimg". Wszystkie zdjęcia muszą mieć taki sam rel="" aby fancybox wyświetlał to jako galerię.

W nagłówku forum... headerinclude:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.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=attachimg]").fancybox({
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'titlePosition' 	: 'over',
			'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
				return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
			}
		});

		/*
		*   Examples - various
		*/

		$("#various1").fancybox({
			'titlePosition'		: 'inside',
			'transitionIn'		: 'none',
			'transitionOut'		: 'none'
		});

		$("#various2").fancybox();

		$(".fancy-iframe").fancybox({
			'width'				: '75%',
			'height'			: '85%',
			'autoScale'			: false,
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'type'				: 'iframe'
		});

		$("#various4").fancybox({
			'padding'			: 0,
			'autoScale'			: false,
			'transitionIn'		: 'none',
			'transitionOut'		: 'none'
		});
	});
</script>

Jak widać: $("a[rel=attachimg]")

No i niby powinno być wszystko okej, lecz gdy klikam na jakieś zdjęcie z załączników (zdjęć jest np. 10) to wyskakuje mi coś takiego: http://iv.pl/images/89671713199175117925.png

Sam już nie mam pomysłu jak się z tym bawić, żeby to działało jak należy... Pomoże mi ktoś?

Nie mogę tego już ogarnąć, pomoże ktoś? :$

 

[Aeven]

Problem rozwiązany. Fancybox - Fancy lightbox alternative| FAQ