Support » Plugin: WP-Cycle » [Plugin: WP-Cycle] Cycle Images enlarged/stretched when changed

  • I’m having an issue with wp-cycle I can’t figure out.

    In IE 8 when the WP-Cycle image change, for some reason it is enlarged and gets cut off within the rotator box.

    The initial image shown is fine, but all the images cycled get enlarged, even when it gets back to the first image, it is then stretched too.

    The link to the site is

    It’s fine in Firefox, Chrome and other versions of IE.

Viewing 10 replies - 1 through 10 (of 10 total)
  • Hi,

    Make sure your images are the same dimensions than the WP-CYCLE settings (wordpress settings panel)

    Make sure the CSS attributes that correspond to “Rotator DIV ID” you’ve chosen are corrects

    I saw this parameters in source file of site :
    It seems all of them are corrects…

    Rotator DIV ID :

    <div id="rotator">
    <img src="" width="590" height="235" class="20101016055108" alt="" />
    <img src="" width="590" height="235" class="20101016055318" alt="" />

    CSS :

    <style type="text/css" media="screen">
    	#rotator {
    		position: relative;
    		width: 590px;
    		height: 235px;
    		margin: 0; padding: 0;
    		overflow: hidden;

    So, I don’t understand what’s happening !
    I’ve tested your site on IE8, I’ve the same thing than you.

    Try to change the effects you’ve chosen in the WP-CYCLE settings panel

    Hi, thanks for your responses and checking it out so thoroughly.

    I tried changing the transition settings with no luck.
    Also made new images, w/ the exact dimensions and still no luck.

    Just another IE things, 🙂 It’s weird be cause it’s just stretching horizontally. Vertically the height of the images is fine. And it’s only on change, so it has to be something in the JS I’d assume.

    So, not too big a deal, just wanted to see if there was something I could do to fix it. I know there’s other plugins similar to this one, I’ll try to find one.

    Thanks for your help, really appreciated!

    I am having the exact same problem. I have tried changing the styles; I have tried changing the settings; I have manually resized the images so that everything matches, but the images are still distorted/stretched horizontally in IE8. Has anyone else had this problem?

    After some more searching, I have found that adding a link fixes the distortion issue… Although I am still unsure how to fix the issue if you don’t want the slideshow images to link to anything.

    More information here:

    Hey guys, I was having the same issue as you, but then I figured out that when you try uploading the images and then change the size of the image in the settings, the program doesn’t get it properly.

    In other words, you have to set the size of your images in WP-Cycle before uploading the images in order for them to be displayed correctly.

    Hope this helps!

    I found the fix to my issue was setting a link for all the images in rotation. Before, I just had the slide show and they were not clickable links.

    I found the post lightfoot33 mentioned which said to do include a link for each image. In my case i just used ‘#’ so it would not be a real link.

    That seemed to fix the stretching issue.

    Thanks for you help!

    I actually know the answer to this. The problem is that although wp-cycle deletes image off your server, it doesn’t correctly remove the corresponding reference in the database. Therefore, if you uploaded an image at a lower scale-setting, then re-uploaded the image after increasing the scale-setting, your browser looks for the image and pulls it up from the cache.

    If you rename the image (or change its link) and upload it, you should avoid the problem.

    Here’s an easy (but hackish) fix that solved mine perfectly:
    Just set a max-width for the images.

    #rotator img{max-width:960px;}

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Plugin: WP-Cycle] Cycle Images enlarged/stretched when changed’ is closed to new replies.