Post thumb revisited: version 2.1.9.2
2.1.9.2 17/12/2007
This release is mainly focused on highslide.
- Upgrade highslide to 3.3. HS 3.3 is a major upgrade. It introduces many new features. Most of them, though, are unvisible for end-user.
- add a resize handle (for iframes).
- new way to handle expand which results in a lighter code.
- easier formatting with CSS.
- lighter script.
- Refine relative path. Only relative path from server will be decoded. See here for more informations.
- More consistency between post and loop functions.
- Highslide formatting is easier to control.
- Basic formatting in options: frame size, frame colours, inside margin, frame style and frame top style.
- Advanced formatting: through CSS. All necessary classes and ids are located in js/style_hs.css file.
- Few bug corrections.
Tags: plugin, post-thumb, release, WordPress
décembre 21st, 2007 at 3:28
Hi,
Thanks for the update.
I have one question. I’d like to redirect some js and css but don’t know how.
POSTHUMB_ABSPATH.’js/highslide/highslide.js
How should I change the above code?
Cheers.
décembre 21st, 2007 at 14:47
Oh, one more thing. Everythings seems alright in firefox but for IE6 the thumbnail in the side bar (for both pt-recent and pt-random) gives out a strange frame (i.e. line). Non-visited is blue frame and visited becomes purple frame. Would you know how to change this?
Wishing you a very Merry X’mas!
décembre 21st, 2007 at 15:38
Sorry to bother you again…
Currently when you set the image resize for pt the length of the title (text) also becomes the same length.
Is there a way to seperate this command?
e.g. 160 (width) x60 for image resize but 270 (width) for the title.
Thanks.
décembre 21st, 2007 at 16:40
Where do you want to have them?
décembre 22nd, 2007 at 2:41
I want to place it in/js/highslide.js with a gzip.
Any suggestions on my other questions?
Thanks.
décembre 22nd, 2007 at 3:20
by title, you mean the title attribute?
you can also use the packed version of highslide which is in the same folder. I must admit, I don’t how to deal with gzip… :S
décembre 22nd, 2007 at 3:36
Yes, I have been using the packed version. Just want to make them load faster for second time visiters
So if you can show me how to change the path to
php bloginfo(’stylesheet_directory’); ?>/js/highslide.js
that would be very helpful.
By ‘title’ I mean the title shown below the thumbnail. Pls take a look at the right side bar here:
http://www.ad-minister.net/2007/12/18/mac_pc_xmas/
On the top tab I have pt-random. And in the third column below I have pt-recent. I want to have the thumbnail appear at a size of 160×60 but since the sidebar is 300px wide I want to have the ‘title’ width be 270px.
You can see that I’ve put
the_recent_thumbs(’link=p&width=270&height=60&limit=4&keepratio=0&OFFSET=1&showtitle=T&LB_effect=0,’);
which also enlarged the thumbnail (the first photo in pt-recent). Which is not what I want.
Sorry for being a pain…
décembre 22nd, 2007 at 3:48
All the include are in function ‘include_header’ starting line 446 in post-thumb.php. So you can try there to change the path. You will have to use get_bloginfo(’stylesheet_directory’) (instead of bloginfo() which displays) and replace POSTHUMB_ABSPATH.
If you wrapping div is 300px wide, then I guess you just have to set the .box>div and the .box>div>ul at 100% width in the css.
décembre 22nd, 2007 at 4:14
Sorry, let me clarify.
I’ve added 100% width
.box ul {
width: 100%;
list-style: none;
margin: 0 ;
padding: 0 ;
}
.box ul li {
width: 100%;
background: url(images/bullet-orange.gif) no-repeat;
padding-left: 18px ;
}
.box ul li ul li {
width: 100%;
background: url(images/bullet-grey.gif) no-repeat;
padding-left: 12px ;
}
but when I change pt-recent from width=270&height=60 to width=160&height=60 the ‘title’ still is 160 wide.
Where did I make the mistake?
décembre 22nd, 2007 at 4:31
You should try to add:
.box div { width: 100%; }décembre 22nd, 2007 at 4:54
mmmmm…
I can’t get it to work like I want it to. I guess I need to learn a bit more about css. Thanks for your help.
Any thoughts on the IE6 problem I mentioned earlier?
décembre 22nd, 2007 at 10:59
Hi, me again…
I just noticed a few things. So for your info here they are.
1) style_hs.css in line 41 is calling for alakhnors-post-thumb/js/highslide/graphics/resize.gif but there is no such gif in the plugin.
2) in line 75, it is calling for alakhnors-post-thumb/js/images/win_titlebar.jpg but there is no such image in the plugin.
3) I seem to be missing the ‘expand to original size’ function. Could I have mucked up something?
And finally, I still can’t change the path to js correctly.
Should this
wp_enqueue_script(’highslide’, POSTHUMB_ABSPATH.’js/highslide/highslide.js’, false, ‘3.3.0′);
change to for example
wp_enqueue_script(’highslide’, get_bloginfo(’stylesheet_directory’)’js/highslide.js’, false, ‘3.3.0′); this?
décembre 22nd, 2007 at 14:10
for full expand, you need to add:
a.highslide-full-expand { background: url(highslide/graphics/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 44px;
height: 44px;
}
to style_hs.css.
Also, I have updated the download to add the new icons.
For the path, there is one thing you need to take care of: hs.graphicsDir. If you move all the subfolders to the theme directory, it needs to be updated too. You’re missing a dot (.) before ‘js/highsli…’
décembre 24th, 2007 at 14:58
Initially when first activated, there’s an error message above the Options> Post Thumb section:
Update error: Directory: /home/.junkyard/myftp/mysite.com
So I changed the base path to /mysite.com but the error persists..
Update error: Directory: /mysite.com/wp-content/uploads/pth does not exist!
I did create the pth folder at the uploads subdirectory and made the right chmod settings but am unable to make this go away.
I added pt-random widget into my sidebar and what appears are text links, when clicked shows the full sized image.
Shouldn’t there be thumbs? How do I fix the error message? Is my base path incorrect?
décembre 24th, 2007 at 23:59
I finally managed to solve the base path error message issue using this, /home/myftp/mysite.com
However, getting the thumbnails to appear is still elusive.
Here’s a side by side screencap of how it displays in safari, ie7 and firefox respectively.
http://img177.imageshack.us/img177/2401/postthumbsafariiefirefoio5.jpg
In IE, it looks like some image is supposed to load, but it goes on until it exceeds 200 pixels, where it’s cut off. I’m not sure how the settings work, but I’m ticked “kept ratio” at all available options, and:
Image Settings > Resize width x height (default) 60 x 60
Post fomatting settings > Resize width x height (default) 120 x 120
pt-random (change) 144 x 120
Will there be clashes since there’s 3 different thumb size settings? (I’m a noob, this is my first time on wordpress)
My sidebar width is 240px in a 265px container.
décembre 25th, 2007 at 0:24
Sorry for posting so much, you can delete my first 3 posts up there.
I think this may be a real bug, in the same screencap http://img177.imageshack.us/img177/2401/postthumbsafariiefirefoio5.jpg, the first item in the random listing in the middle is named “good href template” which is actually one of my unpublished drafts, I logged out and checked that the link won’t show the post to visitors, but wouldn’t thumbnails of the draft be visible?
janvier 31st, 2008 at 4:48
Great plugin thank you + thanks for the frequent updates.