Hirdetés

  2. Fórumok
  3. Szoftverfejlesztés
  4. JavaScript topic
  • PROHARDVER!
    Frissítve: 2014-02-25 10:20 Téma összefoglaló
    PROHARDVER!

    JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)

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

  • Medcomp Medcomp tag
    #1882
    #1877 Sk8erPeter
    Új Válasz
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Medcomp
    Medcomp
    tag
    #1877 Sk8erPeter
    #1877 Sk8erPeter

    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.

    Na, most olvastam át az egészet, amit írtál. Ezt mind megcsináltam, a Galleriffic galléria működik is (ez eddig is ment, csak nem tudok normálisan fogalmazni). Ezt szeretném kiegészíteni egy Lightboxal, hogy amikor a megjelenő nagy képre kattintanak, akkor ne ugorjon a következő képre a galéria, hanem a lightboxal (vagy bármelyik alternatívájával) nyissa meg még nagyobba, egy új layeren.

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