Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 26.02.2013, 15:29
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Вот такая суммарная замена инициализации
<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>

Последний раз редактировалось Deff, 26.02.2013 в 17:51.
Ответить с цитированием
  #12 (permalink)  
Старый 26.02.2013, 15:49
Новичок на форуме
Отправить личное сообщение для lara_ Посмотреть профиль Найти все сообщения от lara_
 
Регистрация: 25.02.2013
Сообщений: 7

Спасибо большое, что потратили свое время и помогли мне.
Сейчас у меня при нажатии на иконку происходит смена большой картинки(увеличивается иконка), а также срабатывает fancybox.
Спасибо большое, т.к. у меня вообще ничего не получилось.
Можно еще спросить: дело в том, что я, наверное, не совсем правильно объяснила, что мне нужно. При щелчке мыши на большой картинке (она расположена справа) должен срабатывать fancybox(модальное окно с отбражением большой картинки).
Ответить с цитированием
  #13 (permalink)  
Старый 26.02.2013, 16:55
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от 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>

Последний раз редактировалось Deff, 26.02.2013 в 16:58.
Ответить с цитированием
  #14 (permalink)  
Старый 26.02.2013, 17:25
Новичок на форуме
Отправить личное сообщение для lara_ Посмотреть профиль Найти все сообщения от lara_
 
Регистрация: 25.02.2013
Сообщений: 7

Спасибо Вам большое.
Как здорово!!!
Все работает!!
Я так рада.
Спасибо Вам.
Вы мне очень помогли.
Спасибо.
Ответить с цитированием
  #15 (permalink)  
Старый 26.02.2013, 17:53
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<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>

Поправил
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
fancybox и AJAX alzasr jQuery 4 19.01.2014 22:45
Как отловить обратное событие "click" ? jsuse Общие вопросы Javascript 2 18.01.2012 00:16
как реализовать передачу функции в функцию?? czp Общие вопросы Javascript 10 29.11.2011 19:21
JS классы - как объединить функции в класс olga153b Events/DOM/Window 3 01.11.2011 14:13
Как сделать электронный каталог продукции? natarius Серверные языки и технологии 6 24.05.2009 20:56