Sorry for this. I found the problem. it was a conflict with a css div in my template css file

hi,

i was looking some hack to do the same, but with CSS clip property... anyway, i've made the changes above, but i can't have the 100% size from the original image in the thumb. i'm going crazy checking all styles, can you give me some light? thanx.

url:<-- removed -->

...mmm... perhaps i've the same mess in div's and classes as Depika...


argh!

Ok folks - so it seems I'm not as clueless as I thought!  :-[

If anyone is interested here is the hack I am now using to make all the thumbnails appear the same size when images are both landscape and portrait etc....

In the /mambots/content/plugin_jw_sigpro.php file look for this line of code:


$html .=$leftcomment.'<img alt="'.$clickopen.'" title="'.$clickopen.'" src="'.$toname_live.'" />'.$rightcomment;


and replace it with this line (or add a line and comment out the original if you're scared to delete it like me!):


$html .= '<div class="thumb_size" title="'.$clickopen.'" style="background-image:url('.$toname_live.')" ></div>';



That's the PHP taken care of - now for the CSS.....

In the /mambots/content/plugin_jw_sigpro/sigpro_default.css file add this code (I am not using the 'year book' thumbnail option - but I imagine you could add it to that file either and it should work):


.sig .sig_cont .sig_thumb a.thickbox div.thumb_size{border:1px solid #666666; height:60px; width:60px; overflow:hidden; background:no-repeat center top;}


Adjust, add or remove styling as suited to your site and hey presto - all your thumbnails should be the same size.  The key attributes here are the width, height and overflow:hidden.  I have put the background image positioning here for easy tweaking (even though the bg image code is in the php file)... this way I can adjust the style and don't have to touch the php file again.

You may find that you get gaps where your image does not completely fill your new thumbnail size / shape.  It is really just a case of trial and error to get them looking well.  Use the sigpro backend to adjust the size of the thumbnail background image (which will probably be a little larger then your thumbnail) and play with the positioning of the background image too for good results.

I hope someone else finds this useful and maybe in future versions we'll be able to do this (but a little less ugly) from the sigpro control panel.  :P

Thanks for a great plugin!


P.S.  If you want to see the drop shadow effect on the thumbs you must add margin:-5px 5px 5px -5px; to the css above  ;)

Works very well thanks. I also changed some of the background so the thumbnails now float on grey. As soon as the site is finished I'll post. :)

i guess my problem is that i've messed up a lot with php and css files, but i've found out the way to zoom in the thumbs:

1.- edit plugin_jw_sigpro.php

2.- change line 291, add size desired, mine is: $_width_final_+70, $_height_final_+70);


(take care, just add +(number) most desired. i've tried +30 and +50 but for my needs it's better +70)

this is just to share some solution or just to backup my mess if i've to undo it.  :(

I have set up Simple Image Gallery Pro with the thumbnails in normal mode (each image has its own thumbnail).  My images are different sizes so the thumbnails that are displaying are different sizes. 

I would like all the thumbnails to display with the same dimensions regardless of the original image size.  Is anyone aware of what needs to be done to accomplish this?

Here is the page that I am working on:
www.sitesolutionsla.com/seminole-towne-center.html

Thanks!

Hi eskwire!

I saw your SIGPRO implementation and I would like to do the same about to show the next and prev label at the bottom of the image and without autohide effect. Can you tell me how to do that?

Thansk!
Jos

Hi I can not remember exactly how I did it.  Pretty sure it was done by modifying the css file

look at this file:
/mambots/content/plugin_jw_sigpro/slimbox/english/slimbox.css

here are two lines that deal with the next and previous buttons:

#lbPrevLink {left:0;background:transparent url(prevlabel.gif) no-repeat 00% 100%;}
#lbPrevLink:hover {background:transparent url(prevlabel.gif) no-repeat 0% 100%;}

#lbNextLink {right:0;background:transparent url(nextlabel.gif) no-repeat 100% 100%;}
#lbNextLink:hover {background:transparent url(nextlabel.gif) no-repeat 100% 100%;}

Hope this helps let me know if you have any other questions.  It has been a while since I thought about this site.  :-)

:D

Thanks a lot... I will try!

Jos

1.3 will come in June. We're still developing it.  ;)

It's up to you to either buy it now, or wait. Either way, you'll get the update for free.  :D

When is june? Or rather, how's the next version incorporating this expected?

Chris

thanks loads for this code. i've decided to make the thumbnails a nice standard 80x80 across my site.

i've spent the last 2 hours trying to shrink the massive gap that was left inbetween thumbs after the fix and have finally found a mod in plugin_jw_sigpro.php which will bring them very dirtily closer together.

modify the values in this line here accordingly

$sigdata = '<style type="text/css" media="all">#sigid'.$sigcount.'.sig .sig_cont {width:'.($_width_final_+20).'px;height:'.($_height_final_+20).'px;}</style>';

this, of course, would be very silly to do unless you are using the forced size code in this thread as it'd likely cause chaos.

i really hope all my work is in vein and the staff here prove all their critics wrong by releasing gleaming versions of both paid for apps at the "middle of Jan" estimate... i for one really don't wanna waste this much time modding a "PRO" script again.

Hi Chumps,

found that one useful ;)

I am having trouble getting the image to fill out in the thumbnails though. I get them to display 100x100 px, but the image is smaller. Could you help me here please?

Chris

I would like all the thumbnails to display with the same dimensions regardless of the original image size.  Is anyone aware of what needs to be done to accomplish this?

Here is the page that I am working on:
www.sitesolutionsla.com/seminole-towne-center.html

Thanks!

I like how Eskwire brought the Previous/Next navigation down towards the bottom of the image and how the thumbnail display is changed to have a darker outline.  I am slightly CSS savvy, but am not sure how to make these updates.  Any advice out there?  Thanks in advance!

I like how Eskwire brought the Previous/Next navigation down towards the bottom of the image...

OK- I just played around until I figured this part of my question out.  I just changed the "left/right 15%" to "left/right 85%".  Easy right?

#prevLink {left:0;float:left;background:url(prevlabel.gif) left 85% no-repeat;}
#nextLink {right:0;float:right;background:url(nextlabel.gif) right 85% no-repeat;}
#prevLink:hover, #prevLink:visited:hover {background:url(prevlabel.gif) left 85% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(nextlabel.gif) right 85% no-repeat;}

Any advice out there for modifying the CSS to style the appearance of the thumbnail?

Elle, Thank you for this!!

I've been working on a client's e-commerce site - I was hoping to use SIGPro, but there was no way to do this unless I could set all of the thumbnails to display at the same ratio.

It's a HUGE help.  Thanks.

One more Question : The Hack works great.

However, in IE6 I have a large empty space vertically (and apparently horizontally as well, since the thumbnail doesn't display inline with the content).

Any suggestions?

/Update/

By adding this CSS to my "IE6Template_Fix.css" file.

and then modifying the jw_plugin_sigpro.php file, to a height of '+0', I was able to eliminate most of the space.

However, there's still an extra 10-15px of whitespace below each of the thumbnails.  By modifying the readon property in my template CSS I was able to determine that the culprit is something realated to SIGPro, but still havent' found the answer.

Please help if you can!  :)

So, the SIG PRO v1.3 that was supposed to be released last May 2007 has never been released yet?

and then modifying the jw_plugin_sigpro.php file, to a height of '+0', I was able to eliminate most of the space.

However, there's still an extra 10-15px of whitespace below each of the thumbnails.

thanks for this, it works. i managed to pull the text closer by using a negative value:

instead of +0 i used -30 and it elminates some of the space that was annoying me between the images and the next line of text

instead of +0 i used -30 and it elminates some of the space that was annoying me between the images and the next line of text

Glad that works for you - I tried using Negative values also, but it caused a problem with the spacing of my 'readon' class in IE 6.

Nice work with the code. It runs fine for me, although there is one problem  :(

I am running SIG Pro in Joomla 1.5.1 The images display correctly (all the same size) on the first viewing, however after the images are stored in the cache (and the page is refreshed) they display at their original sizes again.

Here is the URL of the testing page www.verdigrisdesign.com.au/index.php/test

Anyone have any ideas?  ???

PS: It'd be great to see this as a theme in the next version.

EDIT: After emptying the browser's cache, the images still display in their original format. It seems as though the server's image cache has to expire before the images will display correctly locally. (I really don't know what's going on)  :'(

EDIT-2:

---

SOLUTION

---

[move]:D :D :D[/move]
The original solution posted forgot to change the code for when the cache timer has not run out and the thumbnails exist, so the script was reverting back to the original thumbnails. To fix this I replaced the original "create thumbnails" code with this:

I have no idea what I'm doing, but this works  :D

Apologies if I am prolonging this subject unnecessarily. The first link below shows a page with thumbnails for a set of images in landscape format. The second link shows another page with images in portrait format. The first set of images is laid out nicely whilst the second is not, with too large a gap between the thumbnails. How can I correct this, as the settings seem to be working OK for the landscape images but not the others. Thumbnail settings are 200 x 180. Thanks, Martin Smith

Link 1 [Landscape Format]
www.mgjsphotography.co.uk/v15/index.php/image-gallery/34-digital-photography/83-norway-2007-set-02

Link 2 [Portrait Format]
www.mgjsphotography.co.uk/v15/index.php/image-gallery/34-digital-photography/77-norway-2007

Don't ask me how, but the images on the portrait link now appear to be OK. Strange, as I have made no amendments at all since my previous post. Anyone know what is going on here? Thanks, Martin