AWAKE | problem with fancy images

(20 posts) (2 voices)

1. 

   imefry
   Member

   Hello,

   I was trying to set some images like in that page :
   http://themes.mysitemyway.com/awake/galleries/fancy-images/#!prettyPhoto[fancy_img_group_165]/2/
   (See the 3 images on the right - camera, wave, birds)
   When click on those images a lightbox opens with the full size of the picture.
   I set a size for the display pic (which is different from the pic itself) , but it distorts the pic instead of taking a part of the pic.

   How to set the size for the preview thumbnail (that is different in ratio and size from the original pic) ?
   Thumbnail should display part of the full picture that is displayed after clicking it.

   Please kindly assist.

   Posted 7 months ago #
2. 

   imefry
   Member

   The link is not full.
   Please copy the whole line:
   http://themes.mysitemyway.com/awake/galleries/fancy-images/#!prettyPhoto[fancy_img_group_995]/0/

   Posted 7 months ago #
3. 

   imefry
   Member

   You can see my unsuccessful trying at: http://mg-studio.co.il/?page_id=97#!prettyPhoto[fancy_img_group_218]/1/

   Posted 7 months ago #
4. 

   imefry
   Member

   Please see this image. Save button is not pressable

   Attachments

   1. fancy_images_problem.jpg (99.7 KB, 2 downloads) 7 months old

   Posted 7 months ago #
5. 

   Elliott
   Support

   Hello imefry,

   You can recreate that by clicking on "Get the Code" at the bottom of the page and copying / pasting the code into your HTML editor.

   Posted 7 months ago #
6. 

   imefry
   Member

   The code is not useful, since it's the same code as given by the system when I press "send shortcode to editor"
   Images are distorted instead of displaying just a part of them.

   Please help,
   Efry

   Posted 7 months ago #
7. 

   Elliott
   Support

   If your image dimensions do not match whatever the width / height you are setting in the fancy_images shortcode then they will be resized.

   What you can do here is crop them before uploading or make sure that the width / height setting is the same as the image like so,

   [fancy_images width = "300" height = "200"]link to your image[/fancy_images]

   Posted 7 months ago #
8. 

   imefry
   Member

   Hi Elliott,

   Thank you for your quick response.
   I tried that. It's not working.
   Please see in this link: http://mg-studio.co.il/?page_id=97#!prettyPhoto[fancy_img_group_870]/1/
   The link to the image is full path (on the server) does it matter?
   http://mg-studio.co.il/wp-content/uploads/2011/10/גת-נמיר.jpg

   Please kindly assist, as I have tried following your instructions, and it keeps distorting the picture.

   Posted 7 months ago #
9. 

   Elliott
   Support

   Alright, let's take your last image for example. The image dimensions as you uploaded it are 900 x 922.

   If you do not want it to be resized the you will need to do this,

   [fancy_images width = "900" height = "922"]link to your image[/fancy_images]

   Or is it that you do not want it to be resized within prettyPhoto? I don't recommend doing this but you can take it off by following these instructions, http://mysitemyway.com/support/topic/full-size-image-cropping-weird-in-lightbox-effect#post-32433.

   Posted 7 months ago #
10. 

    imefry
    Member

    I want the 900x922 image to be displayed as 300x200, and only when clicking on it, it will open fully 900x922.

    I don't wish to distort it, just display a part of it.

    Please let me know if any questions, cause it seems i don't manage to clarify myself.

    Thumb = display part of the full pic

    When I use the code, it distorts the picture instead of displaying only a part of it.

    Posted 7 months ago #
11. 

    Elliott
    Support

    I'm not sure what you mean by "just display a part of it".

    Take a screenshot and highlight the areas so we can understand better.

    Posted 7 months ago #
12. 

    imefry
    Member

    Please see the link:

    http://themes.mysitemyway.com/awake/galleries/fancy-images/#!prettyPhoto[fancy_img_group_75]/12/

    When clicking on the picture of the camera, the lightbox opens and the full image is displayed.

    The thumbnail or "just displaying a part of the picture" means, that the thumbnail is a cropped part of the picture.

    Please see the file attached for further explanation.

    Even after following the instructions step by step , in the website I'm working on, it's not cropping the picture, it's distorting it.

    

    Attachments

    1. thumb-pic.jpg (100.6 KB, 0 downloads) 7 months old

    Posted 7 months ago #
13. 

    imefry
    Member

    Please see here:
    http://mg-studio.co.il/?page_id=97

    It distorts the picture.
    I tried using the shortcode generator, but no use. (see code below)
    Please teach me how to do the same as in your site.

    [fancy_images width="300" height="300"]
    [image]http://mg-studio.co.il/wp-content/uploads/2011/10/studentgallery.jpg[/image]
    [/fancy_images]
    [fancy_images width="300" height="300"]
    [image]http://mg-studio.co.il/wp-content/uploads/2011/10/studentgallery-e1317759960461.jpg[/image]
    [/fancy_images]
    [fancy_images width="550" height="200"]
    [image]http://mg-studio.co.il/wp-content/uploads/2011/10/studentgallery-e1317759960461.jpg[/image]
    [/fancy_images]

    Posted 7 months ago #
14. 

    Elliott
    Support

    It's not being distorted it's being resized and zoomed. It's working the exact same way on your page but your images are extremely large so it gets a little pixellated when they are zoomed in.

    Perhaps you should try inserting your images manually with HTML.

    <a href = 'link to your fullsize image' rel = 'prettyPhoto'>
    <img src = 'link to your thumbnail' />
    </a>

    Posted 7 months ago #
15. 

    imefry
    Member

    distorted pic. printscreen

    

    Attachments

    1. distorted.jpg (68.4 KB, 0 downloads) 7 months old

    Posted 7 months ago #
16. 

    imefry
    Member

    Elliott,

    Thank you for your response, but I don't see any reason why it shouldn't work. I purchased this item for a reason. for the options it gives.
    I don't see any reason I should save 2 images for each one, when there's a solution available. Something that crops the pics and does not distort them.

    Please , if you don't find a solution, please pass it on.
    I was satisfied until now and impressed by this product.

    I don't wish to regret, I wish to learn how to do that.

    so please, find a proper solution. I have more than 100 images, and it is absurd I will have to have thumb image and full image, when I see a better solution online.

    Thank you,
    Efry

    Posted 7 months ago #
17. 

    Elliott
    Support

    On that page it's not being resized at all. Go ahead and post the code that you used there and make sure you have timthumb resizing selected in Dashboard -> your theme -> Image Resizing.

    If your still having problems with it then PM us a Wordpress login and a link to that page and we'll take a closer look.

    Posted 7 months ago #
18. 

    imefry
    Member

    Please see in this picture what I mean:
    I marked in yellow what I wish to do. and marked on the picture the part I wish to display on thumbnail.

    

    Attachments

    1. thumb.jpg (87 KB, 0 downloads) 7 months old

    Posted 7 months ago #
19. 

    imefry
    Member

    selected.

    

    Attachments

    1. settings.jpg (34.9 KB, 1 downloads) 7 months old

    Posted 7 months ago #
20. 

    Elliott
    Support

    I'm having issues with private messages right now but go ahead and send me a PM and I'll take a look when I can.

    Posted 7 months ago #

RSS feed for this topic

Reply

You must log in to post.