Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   как в galleriffic внедрить fancybox (https://javascript.ru/forum/jquery/35881-kak-v-galleriffic-vnedrit-fancybox.html)

Deff 26.02.2013 15:29

Вот такая суммарная замена инициализации
<script type="text/javascript">
			jQuery(document).ready(function($) {

				// We only want these styles applied when javascript is enabled
				$('div.navigation').css({'width' : '300px', 'float' : 'left'});
				$('div.content').css('display', 'block');

				$("#thumbs ul.thumbs a.thumb img").mousedown(function(){
				     objNN='';
				});
				
				// Initialize Advanced Galleriffic Gallery
				var gallery = $('#thumbs').galleriffic({
					delay:                     2500,
					numThumbs:                 8,
					preloadAhead:              16,
					enableTopPager:           false,
					enableBottomPager:         true,
					maxPagesToShow:            5,
					imageContainerSel:         '#slideshow',
					controlsContainerSel:      '#controls',
					captionContainerSel:       '#caption',
					loadingContainerSel:       '#loading',
					renderSSControls:          false,
					renderNavControls:         true,
					
		
					
					nextPageLinkText:          '',
					prevPageLinkText:          '',
					enableHistory:             true,
					autoStart:                 false,
					syncTransitions:          false,
					defaultTransitionDuration: 900
				
				});
				
				//Устанавливаем fancybox на текущую картинку в слайдере
				    var objNN=''; 
				$("#slideshow a.advance-link img").live('mouseover',function(){

				    if(objNN!==$(this)[0]){  objNN=$(this)[0];

					$(this).parent().fancybox({
						'transitionIn'		: 'none',
						'transitionOut'		: 'none',
						'titlePosition' 	: 'over',
						'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
						return '<span id="fancybox-title-over">' + title + '</span>';}

				   	});

				     }
				});

			});
</script>

lara_ 26.02.2013 15:49

Спасибо большое, что потратили свое время и помогли мне.
Сейчас у меня при нажатии на иконку происходит смена большой картинки(увеличивается иконка), а также срабатывает fancybox.
Спасибо большое, т.к. у меня вообще ничего не получилось.
Можно еще спросить: дело в том, что я, наверное, не совсем правильно объяснила, что мне нужно. При щелчке мыши на большой картинке (она расположена справа) должен срабатывать fancybox(модальное окно с отбражением большой картинки).

Deff 26.02.2013 16:55

Цитата:

Сообщение от lara_
При щелчке мыши на большой картинке (она расположена справа) должен срабатывать fancybox(модальное окно с отбражением большой картинки).

;) А ... чёрт
<script type="text/javascript">
			jQuery(document).ready(function($) {
				// We only want these styles applied when javascript is enabled
				$('div.navigation').css({'width' : '300px', 'float' : 'left'});
				$('div.content').css('display', 'block');


				// Initialize Advanced Galleriffic Gallery
				var gallery = $('#thumbs').galleriffic({
					delay:                     2500,
					numThumbs:                 8,
					preloadAhead:              16,
					enableTopPager:           false,
					enableBottomPager:         true,
					maxPagesToShow:            5,
					imageContainerSel:         '#slideshow',
					controlsContainerSel:      '#controls',
					captionContainerSel:       '#caption',
					loadingContainerSel:       '#loading',
					renderSSControls:          false,
					renderNavControls:         true,
					
		
					
					nextPageLinkText:          '',
					prevPageLinkText:          '',
					enableHistory:             true,
					autoStart:                 false,
					syncTransitions:          false,
					defaultTransitionDuration: 900
				
				});
				//Устанавливаем fancybox на текущую картинку в слайдере
				    var objNN=''; 
				$("#slideshow a.advance-link img").live('mouseover',function(){

				    if(objNN!==$(this)[0]){  objNN=$(this)[0];

					$(this).parent().fancybox({
						'transitionIn'		: 'none',
						'transitionOut'		: 'none',
						'titlePosition' 	: 'over',
						'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
						return '<span id="fancybox-title-over">' + title + '</span>';}

				   	});

				     }
				});

			});

</script>

lara_ 26.02.2013 17:25

Спасибо Вам большое.
Как здорово!!!
Все работает!!
Я так рада.
Спасибо Вам.
Вы мне очень помогли.
Спасибо.

Deff 26.02.2013 17:53

<script type="text/javascript">
			jQuery(document).ready(function($) {

				// We only want these styles applied when javascript is enabled
				$('div.navigation').css({'width' : '300px', 'float' : 'left'});
				$('div.content').css('display', 'block');

				$("#thumbs ul.thumbs a.thumb img").mousedown(function(){
				     objNN='';
				});
				
				// Initialize Advanced Galleriffic Gallery
				var gallery = $('#thumbs').galleriffic({
					delay:                     2500,
					numThumbs:                 8,
					preloadAhead:              16,
					enableTopPager:           false,
					enableBottomPager:         true,
					maxPagesToShow:            5,
					imageContainerSel:         '#slideshow',
					controlsContainerSel:      '#controls',
					captionContainerSel:       '#caption',
					loadingContainerSel:       '#loading',
					renderSSControls:          false,
					renderNavControls:         true,
					
		
					
					nextPageLinkText:          '',
					prevPageLinkText:          '',
					enableHistory:             true,
					autoStart:                 false,
					syncTransitions:          false,
					defaultTransitionDuration: 900
				
				});
				
				//Устанавливаем fancybox на текущую картинку в слайдере
				    var objNN=''; 
				$("#slideshow a.advance-link img").live('mouseover',function(){

				    if(objNN!==$(this)[0]){  objNN=$(this)[0];

					$(this).parent().fancybox({
						'transitionIn'		: 'none',
						'transitionOut'		: 'none',
						'titlePosition' 	: 'over',
						'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
						return '<span id="fancybox-title-over">' + title + '</span>';}

				   	});

				     }
				});

			});
</script>

Поправил


Часовой пояс GMT +3, время: 10:01.