Autor Zpráva
doraz
Profil *
#1 · Zasláno: 14. 7. 2012, 12:24:29
Odpovědět Citovat
Zdravím!
Mám udělanou galerii pomocí JAK a lightbox s tímto zápisem: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Nová stránka 1</title>

<script type="text/javascript" src="jak.js"></script>
<script type="text/javascript" src="icomponents.js"></script>
<script type="text/javascript" src="window.js"></script>
<script type="text/javascript" src="classmaker.js"></script>
<script type="text/javascript" src="browser.js"></script>
<script type="text/javascript" src="imagebrowser.js"></script>
<script type="text/javascript" src="signals.js"></script>  
<script type="text/javascript" src="dom.js"></script>
<script type="text/javascript" src="main.js"></script>
<script type="text/javascript" src="lightbox.js"></script>
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">Shadowbox.init();</script>
<link rel="stylesheet" type="text/css" href="lightbox-horizontal.css">
<link rel="stylesheet" type="text/css" href="lightbox-vertical.css">
<link rel="stylesheet" type="text/css" href="lightbox-slideshow.css">
<link rel="stylesheet" type="text/css" href="shadowbox.css" />
<link rel="stylesheet" href="test.css" type="text/css" media="screen"/> 
<style type="text/css">
            div.image-browser-root                     { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' img/widgets/lightbox/bg.png', sizingMethod='scale' );}
            div[class~="image-browser-root"]         { background: url( img/widgets/lightbox/bg.png); }
            .image-browser-prev                     { position: absolute; top: 20px; left: 20px; display: block; width: 42px; height: 36px; cursor: pointer; background: url( img/widgets/lightbox/lb-previous-active.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' img/widgets/lightbox/lb-previous-active.png'));}
            .image-browser-prev:hover                { background: url( img/widgets/lightbox/lb-previous-hover.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' img/widgets/lightbox/lb-previous-hover.png')); }
            .image-browser-next                     { position: absolute; top: 20px; left: 66px; display: block; width: 42px; height: 36px; cursor: pointer; background: url( img/widgets/lightbox/lb-next-active.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' img/widgets/lightbox/lb-next-active.png')); }
            .image-browser-next:hover                { background: url( img/widgets/lightbox/lb-next-hover.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' img/widgets/lightbox/lb-next-hover.png')); }
            .image-browser-prev-disabled            { position: absolute; top: 20px; left: 20px; display: block; width: 42px; height: 36px; cursor: pointer; background: url( img/widgets/lightbox/lb-previous-inactive.png); _background: none;  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' img/widgets/lightbox/lb-previous-inactive.png')); }
            .image-browser-next-disabled            { position: absolute; top: 20px; left: 66px; display: block; width: 42px; height: 36px; cursor: pointer; background: url( img/widgets/lightbox/lb-next-inactive.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' img/widgets/lightbox/lb-next-inactive.png')); }
            .image-browser-close                    { position: absolute; top: 20px; left: 700px; display: block; width: 42px; height: 36px; cursor: pointer; background: url( img/widgets/lightbox/lb-close-active.png); _background:none ;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' img/widgets/lightbox/lb-close-active.png'));}
            .image-browser-close:hover                { background: url( img/widgets/lightbox/lb-close-hover.png); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' img/widgets/lightbox/lb-close-hover.png'));}
            div.image-browser-prev-preload            { background: url( img/widgets/lightbox/lb-previous-hover.png);}
            div.image-browser-next-preload            { background: url( img/widgets/lightbox/lb-next-hover.png);}
            div.image-browser-close-preload            { background: url( img/widgets/lightbox/lb-close-hover.png);}
            .lightBox                                 {background-color: black; width: 900px; height: 600px; padding-top:10px; padding-left: 10px; padding-right: 10px;}
            .lightBox .image-browser-image            {width: 740px; height: 550px; border: 1px solid #333; overflow: hidden; padding: 0px; float: left; position: relative;}
            .lightBox .image-browser-thumbs                                    { width: 150px;height: 550px; overflow-y:scroll; float: right;}
            .lightBox .image-browser-thumbs div.image-browser-thumb-box        { height: 85px; width: 120px; padding: 0px; margin: 3px; border: 1px solid #333;}
            .lightBox .image-browser-thumbs div.image-browser-active        {border: 1px solid #fff;}
            .lightBox .image-browser-caption        { height: 40px; width: 700px; text-align:left; float: left; padding-left:5px; color: #fff; padding-top: 5px; font-family:Comic Sans MS; line-height:140%; font-size: 16px; }
            .lightBox .image-browser-photo-count    { width: 100px; margin-right: 35px; padding-top: 7px; text-align: center; float: right; color: #fff; font-family:Comic Sans MS; line-height:140%; font-size: 14px; }
            .image-browser-slideshow-pause            { position: absolute; top: 414px; left: 20px; display: block; width: 42px; height: 36px; cursor: pointer; background: url( img/widgets/lightbox/lb-slideshow-pause.png); _background:none ;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' img/widgets/lightbox/lb-slideshow-pause.png'));}
            .image-browser-slideshow-play            { position: absolute; top: 414px; left: 20px; display: block; width: 42px; height: 36px; cursor: pointer; background: url( img/widgets/lightbox/lb-slideshow-active.png); _background:none ;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' img/widgets/lightbox/lb-slideshow-active.png'));}
            .image-browser-slideshow-play:hover        { background: url( img/widgets/lightbox/lb-slideshow-hover.png); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' img/widgets/lightbox/lb-slideshow-hover.png'));}

        </style>
    </head>
  
  
  
  
  
  <body>
  <font face="Times New Roman">
  <script type="text/javascript">
     var data = [
     {alt: 'Les pod sněhem',description: 'Les pod sněhem', small: {url: 'images/sP4300084.jpg'}, big: {url: 'images/P4300084.jpg'} },
     {alt: 'Osvětim', small: {url: 'images/sP4300085.jpg'}, big: {url: 'images/P4300085.jpg'} },
     {alt: 'MIG-15 ve vojenském muzeu Kbely', small: {url: 'images/sP4300086.jpg'}, big: {url: 'images/P4300086.jpg'} },
     {alt: 'Rozhledna', small: {url: 'images/sP4300087.jpg'}, big: {url: 'images/P4300087.jpg'} },
     {alt: 'Beruška', small: {url: 'images/sP4300088.jpg'}, big: {url: 'images/P4300088.jpg'} },
     {alt: 'Česká kotlina', small: {url: 'images/sP4300089.jpg'}, big: {url: 'images/P4300089.jpg'} },
     {alt: 'Mochomůrka červená - houba nejedlá', small: {url: 'images/sP4300090.jpg'}, big: {url: 'images/P4300090.jpg'} },
     {alt: 'Surikata - nejfotogeničtější zvířátko v ZOO', small: {url: 'images/sP4300091.jpg'}, big: {url: 'images/P4300091.jpg'} }
 ];

    var opt = {
        galleryClassName: "lightBox",
        zIndex: 10,
         components: {
             strip: JAK.LightBox.Strip.Scrollable,
             navigation: JAK.LightBox.Navigation.Basic,
             anchorage: JAK.LightBox.Anchorage.Fixed,
             main: JAK.LightBox.Main.CenteredScaled,
             description: JAK.LightBox.Description.Basic,
             others : [
                {name: 'photos', part: JAK.Photos}
                
            ]
             
         }
         
     };

     var g5 = new JAK.LightBox(data, opt);
    window.cache.push(g5);
</script>
 

 <a href="index22.htm" onclick="g5.show(0); return false;">otevřít galerii</a>


     </font>

 </body>

Všechno v pohodě funguje, až na jednu maličkost:
Když při manuálním prohlížení zobrazím poslední obrázek a stisknu tlačítko "další" zobrazí se mi první obrázek a prohlížení tak vlastně jede pořád dokola.
Nevíte někdo, jak to na tom posledním obrázku zastavit?
Díky moc
mimochodec
Profil
#2 · Zasláno: 14. 7. 2012, 12:29:44
Odpovědět Citovat
Ta galerie nemá nějakou dokumentaci? Proč se ptáš tady? A když už to děláš, opravdu myslíš, že má smysl sem dávat celé html?
Keeehi
Profil
#3 · Zasláno: 14. 7. 2012, 12:55:04 · Upravil/a: Keeehi o 2 minuty později
Odpovědět Citovat
mimochodec:
Dokumentaci má.
Časová prodleva: 3 dny
aichi
Profil *
#4 · Zasláno: 17. 7. 2012, 16:00:34
Odpovědět Citovat
Ta HTML co sem posílá je vykuchanej kód stránky dokumentace, takže ji jistě doraz našel, ale už ji nečetl, protože jinak by našel navigationOpt, který má vlastnost continuous.
Časová prodleva: 11 let

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0