Keyword
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.

All thumbnails the same size

More
17 years 2 months ago #2636 by depika
Replied by depika on topic Re: All thumbnails the same size
Sorry for this. I found the problem. it was a conflict with a css div in my template css file

Please Log in or Create an account to join the conversation.

More
17 years 2 months ago - 17 years 2 months ago #2637 by ausias acarin
Replied by ausias acarin on topic Re: All thumbnails the same size
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!

Please Log in or Create an account to join the conversation.

More
17 years 2 months ago #2638 by Solo960
Replied by Solo960 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  ;)


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. :)

Please Log in or Create an account to join the conversation.

More
17 years 2 months ago #2639 by ausias acarin
Replied by ausias acarin on topic Re: All thumbnails the same size
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.  :(

Please Log in or Create an account to join the conversation.

  • José Luis Ayala M.
  • José Luis Ayala M.'s Avatar
  • Offline
  • New Member
More
17 years 1 month ago #2640 by José Luis Ayala M.
Replied by José Luis Ayala M. on topic Re: All thumbnails the same size

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

Please Log in or Create an account to join the conversation.

  • eskwire
  • eskwire's Avatar Topic Author
  • Offline
  • New Member
More
17 years 1 month ago #2641 by eskwire
Replied by eskwire on topic Re: All thumbnails the same size
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.  :-)

Please Log in or Create an account to join the conversation.

  • José Luis Ayala M.
  • José Luis Ayala M.'s Avatar
  • Offline
  • New Member
More
17 years 1 month ago #2642 by José Luis Ayala M.
Replied by José Luis Ayala M. on topic Re: All thumbnails the same size
:D

Thanks a lot... I will try!

Jos

Please Log in or Create an account to join the conversation.

More
17 years 2 weeks ago #2643 by Christian Skauge
Replied by Christian Skauge 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


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

Chris

Please Log in or Create an account to join the conversation.

More
16 years 11 months ago - 16 years 11 months ago #2644 by chumps
Replied by chumps on topic Re: All thumbnails the same size
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.

Please Log in or Create an account to join the conversation.

More
16 years 11 months ago #2645 by Christian Skauge
Replied by Christian Skauge on topic Re: All thumbnails the same size
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

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum