Начално изображение на Fancybox в нова страница

Проверих всички въпроси и отговори тук... все още не мога да разбера..

Следвах указанията на http://www.youtube.com/watch?v=Suxu_nG7R1M

Тестовата страница, на която се опитвам да накарам този fancybox да работи, е http://www.beautybycrystalanne.com/118vpb.html

има само една снимка. когато щракна върху него, се отваря обикновена jpeg страница с него.

Предложения? Моля те?!?


fancybox
person Crystal Schilling    schedule 26.08.2013    source източник
comment
Получавате js грешка, защото този ред $(".fancybox").fancybox(). .... има допълнителна точка след скобите на метода fancybox.   -  person JFK    schedule 27.08.2013

Отговори (1)


arrow_upward
0
arrow_downward

Когато присвоявате връзка за изскачащ прозорец на fancybox, трябва да използвате класа или идентификатора, зададен с функцията fancybox.

1) Инсталирайте JQuery и след това го препратете към раздела HEAD на уебсайта си (алтернативно го препратете от тук: https://developers.google.com/speed/libraries/devguide#)jquery)

2) Добавете Fancybox, като го изтеглите и посочите в секцията HEAD на уебсайта си. (изтеглете fancybox тук: http://fancyapps.com/fancybox/#license)

3) Създайте елементи за връзка, чиито href атрибути ще съдържат пътя на елемента, който искате да отворите във fancyBox.

След това можете да извикате функцията fancybox jquery, като включите това на страницата, съдържаща елемента за връзка, споменат по-горе:

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox();
    });
</script>
person Brendon Coetzer    schedule 30.03.2014
comment
Може би малко от инструкциите във връзката? Опитваме се да предотвратим линкрота като цяло. - person Clockwork-Muse; 30.03.2014