Keresés

Új hozzászólás Aktív témák

  • Sk8erPeter
    nagyúr

    Sziasztok!

    Olyan gondom lenne, hogy szeretnék egy Galleriffic 2.0-ás galériát összehozni Light/Thick/Clearboxal, már napok óta keresgélek, de nem találtam megoldást. Van egy régebbi verzió, amibe beletették, és egyben letölthető, de azt úgy ahogy van nem sikerült normális működésre bírnom, illetve volt egy találata a googlenek, ami nagyjából ennyit írt:

    To accomplish this, you will need to call the lightbox function each time an image/caption is loaded. You would need to do this in the galleriffic onTransitionIn callback like such:

    ...
    onTransitionIn: function() {
    $('#slideshow').fadeIn('fast');
    $('#caption').fadeIn('fast', function() {
    $('#caption a.lightbox').lightBox();
    });
    },
    ...

    Hope that helps!

    Viszont erre meg nem jöttem rá, hogy hová is kéne beletenni a javascriptbe, mert nincs konkrétan ilyen sor benne sehol.

    JS-hez elég hülye vagyok, így simán lehet, hogy csak én néztem el valamit nagyon, ha valakinek van ötlete, hogy hogy tudnám összehozni a kettőt, azt nagyon megköszönném!

    Nézd át ennek az oldalnak a forráskódját, ott elég jól látszik, hova kell betenni!

    Amiket itt írnak, betetted az oldalad <head> részébe?
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript" src="js/jquery.galleriffic.js"></script>

    <!-- Optionally include jquery.history.js for history support -->
    <script type="text/javascript" src="js/jquery.history.js"></script>
    <script type="text/javascript" src="js/jquery.opacityrollover.js"></script>

    DE nagyon fontos, hogy ezeket töltsd is le a megfelelő helyekről (jQuery, jQuery History Plugin, stb.), és stimmeljen az elérési út! Tehát vagy tedd a "js" nevű könyvtárba, vagy írd át itt a fentiben a neked megfelelő elérési útra. (pl. src="pityipalko_konyvtar/jquery-1.3.2.js" )

    Az alábbi is benne lehet, de ez már a <body> részben, amúgy opcionálisak; ha a "thumbs" div-en belül az alábbi módon csinálod, akkor ahogy írják, így kell minden egyes thumbnailre (a thumbs-on belülieket (<ul class="thumbs noscript">-en belülit) kell ismételgetni minden kisképre, a többit ne ismételgesd):
    <div id="controls"></div>
    <div id="loading"></div>
    <div id="slideshow"></div>
    <div id="caption"></div>
    <div id="thumbs">
    <ul class="thumbs noscript">
    <li>
    <a class="thumb" name="optionalCustomIdentifier" href="path/to/slide" title="your image title">
    <img src="path/to/thumbnail" alt="your image title again for graceful degradation" />
    </a>
    <div class="caption">
    (Any html can go here)
    </div>
    </li>
    ... (repeat for every image in the gallery)
    </ul>
    </div>

    Ezenkívül tedd be azt a hosszú
    jQuery(document).ready(function($) {
    ...
    }

    részt is a <head> részbe (vagy teheted a thumbs div UTÁN is, de ha nem a <head>-ben van, akkor mindenképp utána legyen) így:
    <script type="text/javascript">
    <!--
    jQuery(document).ready(function($) {
    ...
    }
    // -->
    </script>

    Kérdezz, ha valami nem világos.

Új hozzászólás Aktív témák