Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
FancyBox
#1
Witajcie. Mam jedną prośbę co do FancyBox'a.
W FancyBox jest opcja "Inline", pobrałem przykładowy wzór z tej stony:
Kod:
http://fancybox.net/home
No i jest problem tak jak z video. Chciałbym wprowadzić na jednej podstronie kilka "Inlane" a działa tylko jeden. Proszę o pomoc.

PS. Do podstrony wkleiłem kod <script> znajdujący się nad body. A w <body> komendę tak jak w owym przykładzie.
Z góry dziękuję za pomoc.
OverdOse
Odpowiedz
#2
podaj kod jaki masz na tej swojej stronie
jaki efekt chcesz uzyskac ?
Odpowiedz
#3
Chciałbym efekt: Various - Inline. Chciałbym go kilka razy wykorzystać na stronie a działa tylko raz. A kod jaki dałem na stronę to:
Kod:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script>
        !window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
    </script>
    <script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
    <link rel="stylesheet" href="style.css" />
    <script type="text/javascript">
        $(document).ready(function() {
/*
            *   Examples - various
            */

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

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

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

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

Oraz to w body:

Kod:
<a id="various1" href="#inline1" title="AC/DC - Highway To Hell">Inline</a>


<div style="display: none;">
        <div id="inline1" style="width:400px;height:200px;overflow:auto;">
        Highway to Hell (3:28)<br>
        Girls Got Rhythm (3:23)<br>
        Walk All Over You (5:10)<br>
        Touch Too Much (4:26)<br>
        Beating Around the Bush (3:55)<br>
        Shot Down in Flames (3:22)<br>
        Get It Hot (2:34)<br>
        If You Want Blood (You've Got It) (4:36)<br>
        Love Hungry Man (4:17)<br>
        Night Prowler (6:17)<br>
        </div>
    </div>

To jest Inline i działa tylko raz a chciałbym wiele razy tak jak wcześniej mi pomagałeś z filmikami w IFRAME
Odpowiedz
#4
Czy ktoś może pomóc.?
Odpowiedz
#5
HELP Please
Odpowiedz


Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl