(21 posts)
(3 voices)
anonymous
Member
1. Can you have an image go to a url when clicked. Is this possible?
Using [fancy image] with lightbox can you change how the small thumbnail is displayed?
Or create a custom thumbnail and use it with lightbox?
2. Post thumbnails? I notice your thumbnails are all generated from the feature image any
way to have a custom thumbnail for the widgets that is different than the feature image?
Elliott
Support
Hello anonymous,
1. When using the fancy image shortcode you can set a custom link for it or choose to have it load into a lightbox.
2. What we can do here is have you create a custom field with your image URL and we will replace the thumbnail with that image. This way it will always load the normal image from your posts unless you tell it to load another one.
Let us know if you have any other questions.
Elliott
Support
Hello mac13,
Here is the fancy_images shortcode,
http://themeforest.net/item/awake-powerful-professional-wordpress-theme/full_screen_preview/111267
And for the post thumbnails, do you want to place a different image in the recent widget or the popular widget? Or do you want to replace the image in the recent / popular post modules that appear under your post content?
mac13
Member
Hello,
Question #1
Thanks for the link. I've looked here before and not quite finding what I need. I would like to use a custom crop of my image instead of what is being auto-generated.
[fancy_images]
<Thumbnail><Full Image>
[/fancy_images]
Question #2
I would like to change the thumbnail in the sidebar for one of my "Recent Posts." I would rather use a custom crop of the image instead of what is being auto-generated. Hope this makes sense.
Thank you
Elliott
Support
If you want a thumbnail next to the fullsize image then the fancy_image shortcode would work,
This would be your thumbnail
[fancy_images width = 100 height = 100]
link to your image
[/fancy_images]And here would be your fullsize image
[fancy_images]
link to your image
[/fancy_images]As for the recent posts thumbnail open up /wp-content/themes/awake/lib/functions/widgets.php and on line 421 you should see this..
<?php if(!$disable_thumb) { ?>
<a class="alignleft" href="<?php echo $permalink; ?>" title="<?php echo $post_title; ?>">
<span class="small_frame"><img class="fade_hover" src="<?php echo $meta_image; ?>" width="60" height="60" alt="<?php echo $post_title; ?>"/></span></a>
<?php } ?>Go ahead and change it like this,
<?php if(!$disable_thumb) { ?>
<a class="alignleft" href="<?php echo $permalink; ?>" title="<?php echo $post_title; ?>">
<?php if (get_post_meta($post->ID, 'custom_widget_thumbnail', true)) { $meta_image = get_post_meta($post->ID, 'custom_widget_thumbnail', true); } ?>
<span class="small_frame"><img class="fade_hover" src="<?php echo $meta_image; ?>" width="60" height="60" alt="<?php echo $post_title; ?>"/></span></a>
<?php } ?>And then in your post create a new custom field with a name of "custom_widget_thumbnail" and a value of a link to your image.
Let us know if this works for you mac13.
Elliott
Support
Sorry mac13 but I am probably misunderstanding something,
If you want to use a different image then you would just set the link to that image inside the fancy image shortcode,
[fancy_images width = 200 height = 150]link to whatever image you want[/fancy_images]
You were wanting something else?
mac13
Member
Sorry not explaining this very well I guess.
I have four vertical images, the auto-thumbnail is the middle of the photo. I would rather have a separate image that I have cropped for the thumbnail.
My code:
[fancy_images height=110 width=112]
http://www.customgraffiti.com/wp-content/uploads/2010/11/myimage.png
[/fancy_images]I get this:
auto_thumb.png (34.4 KB, 4 downloads) 1 year old
mac13
Member
I want this:
A separate image I have cropped instead
thumb_iwant.png (15.5 KB, 1 downloads) 1 year old
Elliott
Support
And this doesn't work for you mac13?
[fancy_images height=110 width=112]
http://www.customgraffiti.com/wp-content/uploads/2010/11/myimage.png
[/fancy_images][fancy_images height=110 width=112]
http://www.customgraffiti.com/wp-content/uploads/2010/11/mycroppedimage.png
[/fancy_images]Are you trying to get this thumbnail to appear in your blog page or something similar?
mac13
Member
Greetings,
No the code above places two images in the post.
I'm placing one image in a post, I want to change the thumbnail you click to open the full size image.
If you look above at "auto-thumb.png" - this is a result of
[fancy_images width = 100 height = 100]
http://www.mysite.com/wp-content/uploads/2010/11/myimage.png
[/fancy_images]
"myimage.png" is a vertical image of a person from head to toe. (using doll as example above)
The code above creates a thumbnail (auto_thumb.png) cropping from the middle of the vertical photo.
Example:
I would like to create a closeup crop of the persons head from "myimage.png" and save as "myimage_headshot.png" use "myimage_headshot.png" as the thumbnail for "myimage.png"
Hope this makes sense.
mac13
Member
Here is the code I'm using:
[fancy_images group=1 height=110 width=112]
http://www.mysite.com/wp-content/uploads/2010/11/my_image.png
[/fancy_images]The image below is what I'm trying to achieve not sure how to do this
with [fancy image] code.
Thank You!
crop.png (106.3 KB, 0 downloads) 1 year old
Elliott
Support
Try typing the elements and classes out manually like this..
<a href="LIGHTBOX URL" rel="lightbox[small_gallery]" style="background: none no-repeat scroll 50% 50% transparent; display: inline-block; height: 128px; overflow: hidden; padding: 0pt 0pt 4px; position: relative; width: 164px;" class="load_img" title=""><span id="img2"><img src="http://localhost/awake/wp-content/themes/awake/lib/scripts/thumb.php?src=THUMBNAIL URL&w=146&h=110&zc=1&q=100" class="framed portfolio_hover" title="" alt="" style="opacity: 1;"></span></a>
Make sure to switch LIGHTBOX URL and THUMBNAIL URL to the url's of your images.
Elliott
Support
Sorry about that mac13, I forgot to change the path to the resize script,
<a href="LIGHTBOX URL" rel="lightbox[small_gallery]" style="background: none no-repeat scroll 50% 50% transparent; display: inline-block; height: 128px; overflow: hidden; padding: 0pt 0pt 4px; position: relative; width: 164px;" class="load_img" title="">
<span id="img2">
<img src="YOUR HOST/wp-content/themes/awake/lib/scripts/thumb.php?src=THUMBNAIL URL&w=146&h=110&zc=1&q=100" class="framed portfolio_hover" title="" alt="" style="opacity: 1;">
</span>
</a>Make sure to change "YOUR HOST" with your domain name, "http://www.yoursite.com"
You must log in to post.
resolved
