COMMUNITY FORUM
- Forum
- Commercial Joomla Extensions & Templates
- Simple Image Gallery PRO
- All thumbnails the same size
Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.
All thumbnails the same size
- eskwire
- Topic Author
- Offline
- New Member
Less
More
17 years 8 months ago - 16 years 9 months ago #2626
by eskwire
All thumbnails the same size was created by eskwire
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!
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!
Please Log in or Create an account to join the conversation.
- JoomlaWorks
- Offline
- Admin
Less
More
- Posts: 6221
17 years 8 months ago #2627
by JoomlaWorks
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by JoomlaWorks on topic Re: All thumbnails the same size
Needs some considerable PHP and CSS hacking to achieve that. In essense you must:
- hide the thumb image with CSS.
- call it back again as a background image to itself using CSS
- tweak the CSS to oveflow:hidden and you're done.
- use smaller width/height for the actual thumbnail view area.
I'll see if we can add this option in next releases. ;)
- hide the thumb image with CSS.
- call it back again as a background image to itself using CSS
- tweak the CSS to oveflow:hidden and you're done.
- use smaller width/height for the actual thumbnail view area.
I'll see if we can add this option in next releases. ;)
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- elle
- Offline
- Junior Member
Less
More
- Posts: 20
17 years 7 months ago #2628
by elle
Replied by elle on topic Re: All thumbnails the same size
Hi,
I would really like to use a feature like this on the site I am working on - I have a mix of portrait and landscape photographs and it is very hard to display them well at the moment. If the new version is not going to be for a while - or if this feature is not going to be included - can anyone advise me how to implement this suggested hack?? I am not too bad with CSS but I need to know where to start.... Any help would be fantastic!!! :)
Thanks.
I would really like to use a feature like this on the site I am working on - I have a mix of portrait and landscape photographs and it is very hard to display them well at the moment. If the new version is not going to be for a while - or if this feature is not going to be included - can anyone advise me how to implement this suggested hack?? I am not too bad with CSS but I need to know where to start.... Any help would be fantastic!!! :)
Thanks.
Please Log in or Create an account to join the conversation.
- elle
- Offline
- Junior Member
Less
More
- Posts: 20
17 years 7 months ago #2629
by elle
Replied by elle on topic Re: All thumbnails the same size
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 ;)
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 ;)
Please Log in or Create an account to join the conversation.
- JoomlaWorks
- Offline
- Admin
Less
More
- Posts: 6221
17 years 7 months ago #2630
by JoomlaWorks
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by JoomlaWorks on topic Re: All thumbnails the same size
Cool!! I'll add your mod as a layout option in 1.3. ;)
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- Tomas Tornyos
- Offline
- New Member
17 years 6 months ago #2631
by Tomas Tornyos
cool work on simple image galery here! I am using just SIG and this thumbnail issue is the reason I am thinking of going for SIG PRO, but I found out it is not there :-\
Do you have any idea when v1.3 will be released? Wether it's worth waiting, or I it is better to go for v1.2 and tweak it myself?
Thanks for reply.
Replied by Tomas Tornyos on topic Re: All thumbnails the same size
hi!Cool!! I'll add your mod as a layout option in 1.3. ;)
cool work on simple image galery here! I am using just SIG and this thumbnail issue is the reason I am thinking of going for SIG PRO, but I found out it is not there :-\
Do you have any idea when v1.3 will be released? Wether it's worth waiting, or I it is better to go for v1.2 and tweak it myself?
Thanks for reply.
Please Log in or Create an account to join the conversation.
- JoomlaWorks
- Offline
- Admin
Less
More
- Posts: 6221
17 years 6 months ago #2632
by JoomlaWorks
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by JoomlaWorks on topic Re: All thumbnails the same size
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
It's up to you to either buy it now, or wait. Either way, you'll get the update for free. :D
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- David Roberts
- Offline
- New Member
Less
More
- Posts: 1
17 years 6 months ago #2633
by David Roberts
Replied by David Roberts on topic Re: All thumbnails the same size
Maybe too late for the June release of 1.3, but:
I'd like to set up in my content a number of SIGPro mambot calls to different gallery directories. This works now IF the directory exists AND the directory has images in it. If a directory doesn't exist, there's an error message at top of content item display. If the directory exists but doesn't contain images, another instance is created of the previous gallery on the page. What I'd like is for non-existing directory be ignored (maybe allow a "Message to display if directory doesn't exist" message) and for empty directory to be ignored (again, perhaps a message for display). I know this is an error on my part, but handling it gracefully would allow me to set the containers and content items in advance, then as pictures are available, the galleries display.
While you're at it, how about being able to open the gallery in the Front Page Slideshow module - now that really would be something. Or, make a new release of Frontpage Slideshow to get its images from a directory in the same way as Simple Image Gallery does. Hey, I'd pay for that!
I'd like to set up in my content a number of SIGPro mambot calls to different gallery directories. This works now IF the directory exists AND the directory has images in it. If a directory doesn't exist, there's an error message at top of content item display. If the directory exists but doesn't contain images, another instance is created of the previous gallery on the page. What I'd like is for non-existing directory be ignored (maybe allow a "Message to display if directory doesn't exist" message) and for empty directory to be ignored (again, perhaps a message for display). I know this is an error on my part, but handling it gracefully would allow me to set the containers and content items in advance, then as pictures are available, the galleries display.
While you're at it, how about being able to open the gallery in the Front Page Slideshow module - now that really would be something. Or, make a new release of Frontpage Slideshow to get its images from a directory in the same way as Simple Image Gallery does. Hey, I'd pay for that!
Cool!! I'll add your mod as a layout option in 1.3. ;)
Please Log in or Create an account to join the conversation.
- tAkeda
- Offline
- New Member
Less
More
- Posts: 5
17 years 4 months ago #2634
by tAkeda
Replied by tAkeda on topic Re: All thumbnails the same size
Elle many thanks for your fix which was driving me nuts before I read your post
I have a question regarding this page here www.powerzonegym.net/index.php?option=com_content&task=view&id=61&Itemid=203
I have made the changes to the files as suggested in your code, but there appears to be a large (unnecessary) gap between the image galleries and the next story header and text
For each series of images I have pulled the images from a separate folder and can see no reason in the site's CSS why it would do this.
Has anybody got an idea how to fix this?
I have a question regarding this page here www.powerzonegym.net/index.php?option=com_content&task=view&id=61&Itemid=203
I have made the changes to the files as suggested in your code, but there appears to be a large (unnecessary) gap between the image galleries and the next story header and text
For each series of images I have pulled the images from a separate folder and can see no reason in the site's CSS why it would do this.
Has anybody got an idea how to fix this?
Please Log in or Create an account to join the conversation.
- depika
- Offline
- Junior Member
17 years 2 months ago - 17 years 2 months ago #2635
by depika
Replied by depika on topic Re: All thumbnails the same size
Hi
I have applied the above changes and now the images don't show in the page.
Here is the url: <-- removed -->
What did I do wrong?
thanks in advance for your help
Depika (Despoina)
Athens Greece
I have applied the above changes and now the images don't show in the page.
Here is the url: <-- removed -->
What did I do wrong?
thanks in advance for your help
Depika (Despoina)
Athens Greece
Please Log in or Create an account to join the conversation.
- Forum
- Commercial Joomla Extensions & Templates
- Simple Image Gallery PRO
- All thumbnails the same size