Change Image x of y text?

  • Alan Haynes

    (@alanhaynes)


    12 years, 11 months ago

    How can I change the text at the bottom of each lightbox image so that, instead of “Image 1 of 12,” it can say something like “Image 1 of 12. User right-arrow key for next image, left-arrow for previous?”

    I want to make sure my visitors know that they can use their keyboard to speed through the light-boxed images. I was able to edit a file in WordPress to accomplish this with Lightbox 2, but can’t figure out how to do it with WP jQuery Lightbox.

    I’m not a software developer, so can this be accomplished from the WordPress plugin editor?

    -Alan
    PhotoCitizen.com

Viewing 4 replies - 1 through 4 (of 4 total)
  • ulfben

    (@ulfben)

    12 years, 11 months ago

    This will be a setting in the next release. For now you must edit the javascript.

    Open jquery.lightbox.js and replace

    displayHelp: false,

    with

    displayHelp: true,

    Save and rename the file jquery.lightbox.min.js (replacing the original minified script)

    Thread Starter Alan Haynes

    (@alanhaynes)

    12 years, 11 months ago

    Hi Ulf,

    I tried to follow your instructions, but I must have missed something because, now there is some additional text at the bottom of each lightboxed image, but it isn’t exactly human readable.

    Here’s a link to a screengrab of just the bottom of one of my images.

    I added the yellow highlighting, but notice all the extra characters: mostly a repeating bunch of “00a.”

    Any idea what that’s all about?

    I’ve removed the changes from my site for now, so if you look at the live PhotoCitizen.com site, you won’t see this problem. If the next release will be out soon, I’ll just wait for that.

    Thanks,
    Alan
    PhotoCitizen.com

    ulfben

    (@ulfben)

    12 years, 11 months ago

    This option has never been turned on for WP jQuery Lightbox and I’ve always assumed those were unicode control characters that wouldn’t be rendered. Anyways – the fix is simple.

    In the same file, change
    help: ' \u2190 / P - previous image\u00a0\u00a0\u00a0\u00a0\u2192 / N - next image\u00a0\u00a0\u00a0\u00a0ESC / X - close image gallery',

    to

    help: ' Whatever you want',

    Don’t forget the single-quotes at both ends of the text.

    Thread Starter Alan Haynes

    (@alanhaynes)

    12 years, 11 months ago

    Ulf,

    Thanks again for the help, but I guess I don’t know what I’m doing because it still doesn’t work. Even after making the changes, all the unicode characters show up the same as in my previous example.

    I used Filezilla and Dreamweaver to change two lines in jquery.lightbox.js and then renamed it jquery.lightbox.min.js on the server.

    Here are the two lines:

    displayHelp: true,

    help: ‘Use keyboard RIGHT ARROW to see next image, LEFT ARROW for previous, ESC to close. ‘,

    I disabled WP Supercache and I even checked with a different browser (I use Firefox normally) to make sure it wasn’t a cache issue. It’s not.

    I’ve changed everything back. Looking forward to your next release which may make adding this help text a lot easier.

    Thanks,

    Alan
    PhotoCitizen.com

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change Image x of y text?’ is closed to new replies.