Images on www.lejdc.fr articles

Images on www.lejdc.fr articles

Gi

Open the article in a desktop browser, here's what you see :

Top of the article (desktop browser)


Bottom of the article (desktop browser)


User sees : article title at the top, right below a single image with a caption, article text, and at the bottom of it a gallery of images. Hover over the images at the bottom, you'll see their captions.

Now open the article on a mobile browser (or on a narrow screen), you'll see :

Top of the article (mobile browser)
Bottom of the article (mobile browser)


User sees: article title at the top, right below a single image with a caption, article text, and at the bottom of it several single images (with captions) one after the other.

Now if the users clicks on one of those images (anyone of them by the way), a JS function runs and dynamically:

  • looks for all article images on the page (this includes the one at the top and all the ones at the bottom)
  • gather them all in a single table
  • creates an overlay over the article
  • show all images together in a single slideshow with navigation (on top of the article)

The key here is that:

  1. the original, default, static HTML layout shown to the user after page load is with one image cover at the top and several "gallery" images at the bottom.
  2. as an additional feature, and upon additional user interaction a slideshow of all article images can be launched, and displayed over the article

Basically, my understanding is that IV should show an article as it is shown to a user visiting the page in a browser, which my template does.
Whatever dynamic re-layout happens on user interaction after page load shouldn't be reflected by default in the IV (as an example: collapsible blocks should be opened or closed in IV based on how they are on source page load, not based on how they appear after the user clicks them).

To answer the original issue: the top (cover) image isn't a slideshow, it, like any other images of the article, triggers a separate, dynamic JS slideshow upon click, which doesn't concern the IV.


Report Page