Question

I am trying to position my slideshow into a div with a certain width and height, but for some reason it is not working. I cant get this slideshow script to not be full screen. I can’t get it to be 600px width max. It just keeps taking up the whole window.

<script language="javascript" type="text/javascript">
    $(function() {
        $('div.gallery img').slidingGallery();
        container: $('div.gallery')
    });
</script>

<div class="gallery" style="width:800px; height:500px;">
        <img src="http://i.imgur.com/UkU8B.jpg" class ="start"alt="rawr" />
        <img src="http://i.imgur.com/UkU8B.jpg" alt="rawr" />
        <img src="http://i.imgur.com/UkU8B.jpg" alt="rawr" />
        <img src="http://i.imgur.com/UkU8B.jpg" alt="rawr" />
        <img src="http://i.imgur.com/UkU8B.jpg" alt="rawr" />
        <img src="http://i.imgur.com/UkU8B.jpg" alt="rawr" />
        <img src="http://i.imgur.com/UkU8B.jpg" alt="rawr" />
        <img src="http://i.imgur.com/UkU8B.jpg" alt="rawr" />
        <img src="http://i.imgur.com/UkU8B.jpg" alt="rawr" />
        <img src="http://i.imgur.com/UkU8B.jpg" alt="rawr" />
        <img src="http://i.imgur.com/UkU8B.jpg" alt="rawr" />
    </div>

Here is a working example to see what I mean:
http://jsfiddle.net/fFMEg/

Here is the js for the slide script:
http://syndicatebox.com/jquery.slidingGallery-1.2.min.js

Answer 1

You’re calling it incorrectly. Instead of this:

$(function() {
    $('div.gallery img').slidingGallery();
    container: $('div.gallery')
});

(which isn’t even valid JavaScript) do this:

$(function() {
    $('div.gallery img').slidingGallery({
        container: $('div.gallery')
    });
});

Check this out for reference.