Hiding Blank Space

[jrdnTRENDS]

http://codepen.io/anon/pen/xcutF

I am attempting to use the above code to hide broken images within an image slider.

It works perfectly, but there is still blank space where the images *should* be. I believe it is because the images are within a list..what can I add to the JS code that will hide everything rather than just the images?

http://codepen.io/anon/pen/ngujp

Thank you in advance for your help!

[Paulie_D]

Dude…the HTML in your second Codepen is fubar.

You have closing `` without corresponding `

[jrdnTRENDS]

Is this better?

http://codepen.io/anon/pen/rDuwJ

I forgot to clarify that it is mainly the thumbnails I am trying to correct.. we are using template tags to pull in the image location, yet they are not all used in every application. I am hoping to find a solution that would hide the broken/unused images & re-align the thumbnails if possible.

Hopefully this is a much better message than the one I originally posted..

[jrdnTRENDS]

…bump?

[jrdnTRENDS]

> we are using template tags to pull in the image location, yet they are not all used in every application.

This is going to be used for thousands of different “pages” where specific information can be populated using template tags. The images are just one of the many things that can be pulled in using the tags, as they are different each time this gallery will be used.

Unless someone knows a good way to do this, even if JS isn’t required that’s fine, then I won’t be using the image gallery..

[Kitty Giraudel]

To hide broken image, I guess the easiest way would be to run a curl request to check the header. Depending on the amount of images you got, it can become very heavy.

[Author]

Posts