Must admit that I have not been using this package myself but I guess you should be able to see the HTML structure that is created with this package using firebug for instance and then you could overwrite the default with value using CSS or JavaScript for instance?
Firebug - I'll take a look, haven't used that. I'm a fan of Chrome and inspect elements though as it can really help with identifying exactly which css element (and associated file) is controlling which section on the page, handy for the simplist of things like modifying colours and layout. maybe Firebug is similar?
Off to fire up Chrome and inspect ;-)
But, I have no idea how to overwrite it with css, but that's what learning is all about ;-)
It's a shame this lovely Gallery doesn't have this build in using paramenters....
Used Google Chrome Elements to locate the css, it was jqgallery.css (surprise surprise) and modded the following to change the width of both the scroll bar and the final popup photo to match:
I'm looking for something really impressive, I'm trying Lightbox with another package but I think something that offers the beauty of this scrolling from jqGallery with a lightbox (fancy) presentation when you select the image would be perfect...
My latest favourite is http://fancybox.net/ - which has a bit more features than lightbox. But I think that there are really many good plugins out there :-)
Change width?
Anyone know how to reduce the width of the rendered macro?
Cheers
Lea
Hi Lea
Must admit that I have not been using this package myself but I guess you should be able to see the HTML structure that is created with this package using firebug for instance and then you could overwrite the default with value using CSS or JavaScript for instance?
/Jan
Hi Jan
Firebug - I'll take a look, haven't used that. I'm a fan of Chrome and inspect elements though as it can really help with identifying exactly which css element (and associated file) is controlling which section on the page, handy for the simplist of things like modifying colours and layout. maybe Firebug is similar?
Off to fire up Chrome and inspect ;-)
But, I have no idea how to overwrite it with css, but that's what learning is all about ;-)
It's a shame this lovely Gallery doesn't have this build in using paramenters....
Lea
Well, you're a star Jan
Used Google Chrome Elements to locate the css, it was jqgallery.css (surprise surprise) and modded the following to change the width of both the scroll bar and the final popup photo to match:
This controls the large pop up photo:
/*
div.main_image {
background: url(/css/images/gal_image_bg.jpg) bottom left no-repeat;
width: 627px;
padding: 15px;
overflow: hidden;
text-align: center;
}
*/
These two the scroll window
/*
div.gallery_main {
position: relative;
background: white;
width: 652px;
float: left;
clear: both;
height: 80px;
padding: 1px;
border: 1px solid #cfcfcd;
}
/*
div.scrollable {
position:relative;
overflow:hidden;
margin: 0px 23px;
padding: 0;
width: 606px;
height:80px;
}
All the widths are tied together.
div.gallery_main width has to be 46 bigger than div.scrollable
Cheers
Lea
BTW Jan, what Gallery do you use?
I'm looking for something really impressive, I'm trying Lightbox with another package but I think something that offers the beauty of this scrolling from jqGallery with a lightbox (fancy) presentation when you select the image would be perfect...
Lea
Hi Lea
Glad that you managed to figure it out :-)
My latest favourite is http://fancybox.net/ - which has a bit more features than lightbox. But I think that there are really many good plugins out there :-)
/Jan
is working on a reply...