[Plugin: Super Zoom Gallery] Default image

  • Resolved digitalKwee

    (@digitalkwee)


    12 years ago

    Thanks for the great plugin, it’s exactly what I’ve been after bar one slight alteration which I can’t quite figure out.

    I want the plugin to display the first image enlarged by default (as if you’d clicked on it manually in the first place). Is there an easy way of doing this?

    Regards,

    Tim

    http://wordpress.org/extend/plugins/super-zoom-gallery/

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author Niels

    (@ndoorn)

    12 years ago

    Tim,

    I am glad you like the plugin. The behaviour that you require is what the super zoom gallery should do by default, for example here. Possible something goes a little wrong, maybe some other javascript from the theme that you use or a plugin gets in the way. Is it possible that you post a link to the site so that I can check it out?

    Kind regards,

    Niels

    Thread Starter digitalKwee

    (@digitalkwee)

    12 years ago

    Thanks for the quick reply Niels, this is what I’m having trouble with.

    Thread Starter digitalKwee

    (@digitalkwee)

    12 years ago

    I have the same problem with both IE and Chrome if that helps.

    I’ve also got a very strange issue on the Test12 page where if you click any of the first three column of images then the enlarged image displays okay but you are unable to click on the 4th column any further (this is using Chrome but works fine in IE).

    I also tried disabling the rest of the widgets running on the site but it made no difference.

    Thread Starter digitalKwee

    (@digitalkwee)

    12 years ago

    Webpage error details

    User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB7.3; .NET CLR 1.1.4322; .NET CLR 2.0.50727; InfoPath.2; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
    Timestamp: Thu, 19 Apr 2012 13:39:14 UTC

    Message: Expected identifier, string or number
    Line: 309
    Char: 1
    Code: 0
    URI: http://elitelandscapingltd.co.uk/en/index.php/test12/

    <script type=”text/javascript”>
    jQuery(function ($) {
    $(document).ready(function() {
    $(“#gal-wrap-492-496”).anythingZoomer({
    smallArea: “#gal-img-492-496”,
    largeArea: “#gal-large-492-496”,
    zoomPort: “#gal-overlay-492-496”,
    mover: “#gal-mover-492-496”,
    xSpeedMultiplier: 1,
    ySpeedMultiplier: 1,
    smallImageWidth: 740,
    smallImageHeight: 555,
    largeImageWidth: 740,
    largeImageHeight: 555,
    }); <—- Line 309 is this one
    $(“#gal-wrap-492-495”).anythingZoomer({
    smallArea: “#gal-img-492-495”,
    largeArea: “#gal-large-492-495”,
    zoomPort: “#gal-overlay-492-495”,
    mover: “#gal-mover-492-495”,
    xSpeedMultiplier: 1,
    ySpeedMultiplier: 1,
    smallImageWidth: 740,
    smallImageHeight: 555,
    largeImageWidth: 740,
    largeImageHeight: 555,
    });
    $(“#gal-wrap-492-494”).anythingZoomer({
    smallArea: “#gal-img-492-494”,
    largeArea: “#gal-large-492-494”,
    zoomPort: “#gal-overlay-492-494”,
    mover: “#gal-mover-492-494”,
    xSpeedMultiplier: 1,
    ySpeedMultiplier: 1,
    smallImageWidth: 740,
    smallImageHeight: 555,
    largeImageWidth: 740,
    largeImageHeight: 555,
    });
    $(“#gal-wrap-492-493”).anythingZoomer({
    smallArea: “#gal-img-492-493”,
    largeArea: “#gal-large-492-493”,
    zoomPort: “#gal-overlay-492-493”,
    mover: “#gal-mover-492-493”,
    xSpeedMultiplier: 1,
    ySpeedMultiplier: 1,
    smallImageWidth: 740,
    smallImageHeight: 555,
    largeImageWidth: 740,
    largeImageHeight: 555,
    });
    $(“#gal-wrap-492-497”).anythingZoomer({
    smallArea: “#gal-img-492-497”,
    largeArea: “#gal-large-492-497”,
    zoomPort: “#gal-overlay-492-497”,
    mover: “#gal-mover-492-497”,
    xSpeedMultiplier: 1,
    ySpeedMultiplier: 1,
    smallImageWidth: 740,
    smallImageHeight: 555,
    largeImageWidth: 740,
    largeImageHeight: 555,
    });
    $(“#gal-wrap-492-498”).anythingZoomer({
    smallArea: “#gal-img-492-498”,
    largeArea: “#gal-large-492-498”,
    zoomPort: “#gal-overlay-492-498”,
    mover: “#gal-mover-492-498”,
    xSpeedMultiplier: 1,
    ySpeedMultiplier: 1,
    smallImageWidth: 740,
    smallImageHeight: 555,
    largeImageWidth: 740,
    largeImageHeight: 555,
    });
    $(“#gal-wrap-492-500”).anythingZoomer({
    smallArea: “#gal-img-492-500”,
    largeArea: “#gal-large-492-500”,
    zoomPort: “#gal-overlay-492-500”,
    mover: “#gal-mover-492-500”,
    xSpeedMultiplier: 1,
    ySpeedMultiplier: 1,
    smallImageWidth: 740,
    smallImageHeight: 555,
    largeImageWidth: 740,
    largeImageHeight: 555,
    });
    $(“#gal-wrap-492-501”).anythingZoomer({
    smallArea: “#gal-img-492-501”,
    largeArea: “#gal-large-492-501”,
    zoomPort: “#gal-overlay-492-501”,
    mover: “#gal-mover-492-501”,
    xSpeedMultiplier: 1,
    ySpeedMultiplier: 1,
    smallImageWidth: 740,
    smallImageHeight: 555,
    largeImageWidth: 740,
    largeImageHeight: 555,
    });
    $(“#gal-wrap-492-499”).anythingZoomer({
    smallArea: “#gal-img-492-499”,
    largeArea: “#gal-large-492-499”,
    zoomPort: “#gal-overlay-492-499”,
    mover: “#gal-mover-492-499”,
    xSpeedMultiplier: 1,
    ySpeedMultiplier: 1,
    smallImageWidth: 740,
    smallImageHeight: 555,
    largeImageWidth: 740,
    largeImageHeight: 555,
    });
    $(“#gal-wrap-492-503”).anythingZoomer({
    smallArea: “#gal-img-492-503”,
    largeArea: “#gal-large-492-503”,
    zoomPort: “#gal-overlay-492-503”,
    mover: “#gal-mover-492-503”,
    xSpeedMultiplier: 1,
    ySpeedMultiplier: 1,
    smallImageWidth: 740,
    smallImageHeight: 555,
    largeImageWidth: 740,
    largeImageHeight: 555,
    });
    $(“#gal-wrap-492-502”).anythingZoomer({
    smallArea: “#gal-img-492-502”,
    largeArea: “#gal-large-492-502”,
    zoomPort: “#gal-overlay-492-502”,
    mover: “#gal-mover-492-502”,
    xSpeedMultiplier: 1,
    ySpeedMultiplier: 1,
    smallImageWidth: 740,
    smallImageHeight: 555,
    largeImageWidth: 740,
    largeImageHeight: 555,
    });
    $(“#gal-wrap-492-504”).anythingZoomer({
    smallArea: “#gal-img-492-504”,
    largeArea: “#gal-large-492-504”,
    zoomPort: “#gal-overlay-492-504”,
    mover: “#gal-mover-492-504”,
    xSpeedMultiplier: 1,
    ySpeedMultiplier: 1,
    smallImageWidth: 740,
    smallImageHeight: 555,
    largeImageWidth: 740,
    largeImageHeight: 555,
    });
    $(“#gal-wrap-492-506”).anythingZoomer({
    smallArea: “#gal-img-492-506”,
    largeArea: “#gal-large-492-506”,
    zoomPort: “#gal-overlay-492-506”,
    mover: “#gal-mover-492-506”,
    xSpeedMultiplier: 1,
    ySpeedMultiplier: 1,
    smallImageWidth: 740,
    smallImageHeight: 555,
    largeImageWidth: 740,
    largeImageHeight: 555,
    });
    $(“#gal-wrap-492-505”).anythingZoomer({
    smallArea: “#gal-img-492-505”,
    largeArea: “#gal-large-492-505”,
    zoomPort: “#gal-overlay-492-505”,
    mover: “#gal-mover-492-505”,
    xSpeedMultiplier: 1,
    ySpeedMultiplier: 1,
    smallImageWidth: 740,
    smallImageHeight: 555,
    largeImageWidth: 740,
    largeImageHeight: 555,
    });
    selectImage($(‘.gal-thumbnail-492:first’), $(‘.gal-wrap-492:first’).attr(‘id’), 492);
    });
    });
    </script>

    Plugin Author Niels

    (@ndoorn)

    12 years ago

    Tim,

    Thanks for all the info, links and code, very helpfull!

    I will try to reproduce and fix this asap.

    Kind regards,

    Niels

    Thread Starter digitalKwee

    (@digitalkwee)

    12 years ago

    Many thanks for any help.

    Plugin Author Niels

    (@ndoorn)

    12 years ago

    Tim,

    I commited a new version (0.4.4) which should at least fix the “Expected identifier, string or number” error and hopefully makes the plugin work correctly at your site. Could take a couple of minutes, up to half an hour in my experience before WordPress ‘sees’ the update in the repository. If the problem persists, please let me know.

    Niels

    Thread Starter digitalKwee

    (@digitalkwee)

    12 years ago

    Thanks for your help, I’m not getting this error instead.

    Webpage error details

    User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB7.3; .NET CLR 1.1.4322; .NET CLR 2.0.50727; InfoPath.2; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
    Timestamp: Thu, 19 Apr 2012 16:14:22 UTC

    Message: Object doesn’t support this property or method
    Line: 162
    Char: 1
    Code: 0
    URI: http://elitelandscapingltd.co.uk/en/index.php/test14/

    (This is after creating a new page with a new gallery to ensure it wasn’t the old pages causing a problem).

    <script type=”text/javascript”>
    jQuery(function ($) {
    $(document).ready(function() {
    $(“#gal-wrap-556-561”).anythingZoomer({ <— line 162
    smallArea: “#gal-img-556-561”,
    largeArea: “#gal-large-556-561”,
    zoomPort: “#gal-overlay-556-561”,
    mover: “#gal-mover-556-561”,
    xSpeedMultiplier: 1,
    ySpeedMultiplier: 1,
    smallImageWidth: 740,
    smallImageHeight: 651,
    largeImageWidth: 740,
    largeImageHeight: 651
    });

    It still isn’t displaying an image by default either.

    Thread Starter digitalKwee

    (@digitalkwee)

    12 years ago

    Sorry, I meant to say that the previous error was fixed but I’m getting this one instead.

    Plugin Author Niels

    (@ndoorn)

    12 years ago

    Tim,

    At least we are getting a little bit further, one thing I notice is that at your site you are using an older version of jquery. Jquery is a library on which super zoom gallery and many other JavaScript libs depends. I am not sure but It could be that that causes this problem.

    The theme you are using causes this. It links directly to an older version. If you look at your generated html code you can see that at line 14 version 1.7.1 is loaded and at line 25 1.3.2.

    What you could do is try to remove the loading of the 1.3.2 version probably from the header.php of your theme. I am not sure if that causes problems with your theme, but loading two versions of jquery is not recommended.

    I hope that this solves the problem, else please let me know!

    Niels

    Thread Starter digitalKwee

    (@digitalkwee)

    12 years ago

    Absolutely brilliant thanks. I ended up removing the DK image rotator plugin (again) and this fixed all the problems for some strange reason – even though the site is still loading 2 version of jQuery (I haven’t figured out why yet but it’s working so I’m not that fussed! :)).

    Just need to find another image widget rotator to use instead.

    Many thanks for all your help, it’s really appreciated.

    regards,

    Tim

    Plugin Author Niels

    (@ndoorn)

    12 years ago

    Glad I could help!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘[Plugin: Super Zoom Gallery] Default image’ is closed to new replies.