How to create your own slider using jQuery?

What might cause the jQuery image slider plugin Galleria to conflict with WordPress?

  • I whipped up a simple WP plugin for using the jQuery slider plugin Galleria (http://galleria.aino.se). In a widget, header and footer the two seem to produce expected results. However, when using my WP plugin via a shortcode in a post/page Galleria bombs when trying to create the thumbnails. For some reason it doesn't appended the height and width of that img element in the inline markup it creates. That in turn causes Galleria to display an error message:  Galleria.raise('Could not extract width/height from image: ' + img.src +    '. Traced measures: width:' + img.width + 'px, height: ' + img.height + 'px.'); I've seen the question on Galleria's GetSatisfaction about the AdBlock bug (http://code.google.com/p/adblockforchrome/issues/detail?id=3701). As a test, I even went so far as to try to hardcode the img.height and img.width in that area of the Galleria code just prior to: Galleria.raise('Could not ..); In spite of my img.width = "50" the width continued to remain 0. Setting the height worked fine (but didn't squash the error because of the 0 width). I think there's some other missing inline styling of the thumbnails as well.   If it matters, I'm dev'ing my WP plugin while using the WP theme Twenty Eleven V1.1. I'm also using Instant WP as my client based dev environment. Finally, I've tried Galleria for help but can't seem to make any progress. My feeling is they interpret my request as support for my plugin. That's not the case. I'm trying to troubleshoot their jQ plugin not producing as expected. What I'm trying to say is, I'm here because I have to be, not because I haven't already tried them for help. If it helps, I can post a link to a copy of my WP plugin. I'm mainly interested in Galleria because it's free and it has a full screen mode.

  • Answer:

    Inaccessible image widths is usually caused by an attempt to read the image's own properties or its style properties before the image has completely loaded into the browser.

Rick Waldron at Quora Visit the source

Was this solution helpful to you?

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.