Highslide Js einbinden klappt nicht

Stef

Hey,

ich finde die JS-Gallery, Highslide, sehr ansprechend und gut. Nun möchte ich diesen in meine Seite einbinden. Ich habe auch schon das Tutorial durchgemacht aber dies verwirrt mich irgendwie etwas. Und am Ende öffnen sich alle Bilder einzeln ich weis nicht warum.... Und die buttons (vor, zurück) gehen nicht...

Ich bin ratlos.

Stef

Bandit

Zitat von Stef

Ich bin ratlos.

Das sind wir auch, denn was sollen wir mit dieser "Informationsvielfalt" anfangen?

Stef

Hi,

War in eile gestern abend darum so wenig informationen dazu.

Ich habe es nun hinbekommen. Habe das falsche js-script in html geladen.

Wenn jemand das selbe Problem hat hier die Lösung:

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JS Slideshow</title>


    <link rel="stylesheet" href="highslide/highslide.css">
    <script src="highslide/highslide-with-gallery.js"></script>


      <script>
            hs.graphicsDir = 'highslide/graphics/';
            hs.align = 'center';
            hs.transitions = ['expand', 'crossfade'];
            hs.wrapperClassName = 'dark borderless floating-caption';
            hs.dimmingOpacity = .75;




            if (hs.addSlideshow) hs.addSlideshow({
                    interval: 5000,
                    repeat: false,
                    useControls: true,
                    fixedControls: 'fit',
                    overlayOptions: {
                    opacity: .6,
                    position: 'bottom center',
                    hideOnMouseOut: true
                    }        
            });
    </script>


    <style>
        img.slideshow_image{
            width: 150px;
            height: 100px;
        }
    </style>








</head>
<body>
    <div class="highslide-gallery">
        <a href="image/full6.jpg" class="highslide" onclick="return hs.expand(this)">
        <img class="slideshow_image" src="image/full6.jpg" alt= "Highslide JS"title="Click to enlarge" />
        </a>


        <a href="image/gallery1.jpg" class="highslide" onclick="return hs.expand(this)">
        <img class="slideshow_image" src="image/gallery1.jpg" alt= "Highslide JS"title="Click to enlarge" />
        </a>


        <a href="image/gallery2.jpg" class="highslide" onclick="return hs.expand(this)">
        <img class="slideshow_image" src="image/gallery2.jpg" alt= "Highslide JS"title="Click to enlarge" />
        </a>


        <a href="image/gallery3.jpg" class="highslide" onclick="return hs.expand(this)">
        <img class="slideshow_image" src="image/gallery3.jpg" alt= "Highslide JS"title="Click to enlarge" />
        </a>


        <a href="image/full-image.jpg" class="highslide" onclick="return hs.expand(this)">
        <img class="slideshow_image" src="image/full-image.jpg" alt= "Highslide JS"title="Click to enlarge" />
        </a>


        <a href="image/thumbstrip04.jpg" class="highslide" onclick="return hs.expand(this)">
        <img class="slideshow_image" src="image/thumbstrip04.jpg" alt= "Highslide JS"title="Click to enlarge" />
        </a>
</div>

</body>
</html>

Alles anzeigen

Stef

Tags