WordPress.org

Ready to get started?Download WordPress

Forums

Super Zoom Gallery
[resolved] Default image (13 posts)

  1. digitalKwee
    Member
    Posted 2 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/

  2. Niels
    Member
    Plugin Author

    Posted 2 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

  3. digitalKwee
    Member
    Posted 2 years ago #

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

  4. digitalKwee
    Member
    Posted 2 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.

  5. digitalKwee
    Member
    Posted 2 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>

  6. Niels
    Member
    Plugin Author

    Posted 2 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

  7. digitalKwee
    Member
    Posted 2 years ago #

    Many thanks for any help.

  8. Niels
    Member
    Plugin Author

    Posted 2 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

  9. digitalKwee
    Member
    Posted 2 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.

  10. digitalKwee
    Member
    Posted 2 years ago #

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

  11. Niels
    Member
    Plugin Author

    Posted 2 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

  12. digitalKwee
    Member
    Posted 2 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

  13. Niels
    Member
    Plugin Author

    Posted 2 years ago #

    Glad I could help!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic