how do i edit this j query sliders size...HELP!!!

http://manos.malihu.gr/sideways-jquery-fullscreen-image-gallery


i cannot find a way to do it. I am very new to javascript. i cannot find the blocks of code i need to edit to change its size......

i have tried this (found in the source document of the slider)
NOTHING IS WORKING!!!!

#outer_container{
position:relative;
margin:0;
width:700px;
height: 500px;
padding:0 100px 0 0;
z-index:2;
background:url(empty.gif);
}
/* ****ing IE needs a background value to understand hover area */

#customScrollBox{
position:relative;
overflow:hidden;
background:url(sw_l_bg.png)
repeat-y;
}

#customScrollBox .container{
position:relative;
width:500px;
height: 400px;
top:0;
float:left;
}


/*i added this myself to attempt to change its size*/
.container {
width:500px;
height: 400px;
}
.content {
width:500px;
height: 400px;
}




no positive result....HELP!!

Change the size of what? The whole point of that script is to set a selectively change the background. If all you wish to do is a simple gallery script on the fly, try something else.

JakClark said:

Change the size of what? The whole point of that script is to set a selectively change the background. If all you wish to do is a simple gallery script on the fly, try something else.

Click to expand...

i want to change the whole size of that gallery and keep the "whole page" functionality. I need it to fit within a tabbed panel so i need to give it specific size. I don't know where in the code (CSS or JQ) to do that.

can you go to the link and point it out for me?

view-source:http://manos.malihu.gr/tuts/sideways_jquery_fullscreen_image_gallery.html

#outer_container{
position:relative;
margin:0;
width:700px;
height: 500px;
padding:0 100px 0 0;
z-index:2;
background:url(empty.gif);
}

This should be the section, but I would have to see the html to give you a more accurate answer. But based off what I saw That should be it.

krymson said:

#outer_container{
position:relative;
margin:0;
width:700px;
height: 500px;
padding:0 100px 0 0;
z-index:2;
background:url(empty.gif);
}

This should be the section, but I would have to see the html to give you a more accurate answer. But based off what I saw That should be it.

Click to expand...

ive tried that but it doesn't work. It still maintains is initial size. If you go to the link and look at its source, you will see. Try it out in your own document. Th "Whole Page" function still covers the whole page. I think it might have to do with the JQ but i cant find where in JQ i would change the size of the "whole page" part. I dont know allot about JQ..

Wouldn't you need to set this to make it fit?

$defaultViewMode="fit";