Jump to content
Sign in to follow this  
zatire

[Решено] Модальное окно. Проблемы с выводом.

Recommended Posts

Добрый  вечер. Столкнулся с такой проблемой - хочу сделать вывод  статей из заголовка в поп-апе, но не получается. Ни через бутстрап ни через фэнси бокс.

Делаю все по инструкции: закачал с оффсайта плагин fancybox, в header.tpl в тегах <head> подключил нужные файлы -

<link rel="stylesheet" href="catalog/view/javascript/jquery/fancybox_last/jquery.fancybox.css" type="text/css" media="screen" />
    <script type="text/javascript" src="catalog/view/javascript/jquery/fancybox_last/jquery.fancybox.js"></script> 

связываю объект ".fancybox" с плагином

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

в тегах <body> ссылке из заголовка присваиваю параметр class = "fancybox"

<a class="fancybox" href="<?php echo $this->config->get('firstblock_link')?>" >

По идее после этого должно работать. Но при клике происходит переход по ссылке!

Кто знает, в чем я ошибся и как это исправить?

Пытался через бутстрэп сделать то же самое, но результат вновь неутешителен.

Share this post


Link to post
Share on other sites

Cпасибо, Tom! Вы всегда приходите на помощь.

Только вот к двум так и непонятым плагинам теперь придется добавить еще третий)) Хотя, конечно, хотелось бы закончить сначала с fancybox'ом и bootstrap'ом.

Share this post


Link to post
Share on other sites

Вытащить статью  в фенсибоксе можно аналогично колорбоксу.Сам принцип описан в топике ссылку на который я дал.

 

Здесь вот логотипом две ссылки.Это статьи из админки

 

http://allinshop.ru/

Share this post


Link to post
Share on other sites

Вытащить статью  в фенсибоксе можно аналогично колорбоксу.Сам принцип описан в топике ссылку на который я дал.

 

Здесь вот логотипом две ссылки.Это статьи из админки

 

http://allinshop.ru/

По указанному в Вашей ссылке способу через colorbox вызвать окно удалось. Проделывая ровно то же самое для fancybox'a - нет.

 

Не удалось, правда, понять как использовать предложенное товарищем RGB решение для адаптации к различного рода устройствам:<script type="text/javascript">

jQuery.colorbox.settings.maxWidth = '95%';

jQuery.colorbox.settings.maxHeight = '95%';

var resizeTimer;

function resizeColorBox()

{

if (resizeTimer) clearTimeout(resizeTimer);

resizeTimer = setTimeout(function() {

if (jQuery('#cboxOverlay').is(':visible')) {

jQuery.colorbox.load(true);

}

}, 300);

}

jQuery(window).resize(resizeColorBox);

window.addEventListener("orientationchange", resizeColorBox, false);

</script>

Share this post


Link to post
Share on other sites

Я же вам ссылку дал.Там проинспектировать минутное дело
 
 

<div id="links">
    <a class="fancybox" href="./index.php?route=information/information/info&information_id=XXX">Название ссылки</a>
   <script>
       $('.fancybox').fancybox({cyclic: true});
   </script>  
</div>

где XXX это ID статьи.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.