I have several images related to one object and they all should be placed on one web-page. I'd like to know how do I place those images among the page body and its text. I can not do it manually to distribute the images evenly among the page so I'd do the following:
APPROACH ONE: I'd place only one image with its corresponding caption text below, alt and title somewhere in the top of the page with all the rest text following this image. All other images should replace the first one by JS-function as the user pressing the corresponding button "Next". QUESTION: Will Google (and the rest of search engines) index the images indicated only in JS section of the page? And even if 'yes' will SE's rank them in the same way? I'd bear with it if the first image will be considered as the main and the others as less important.
APPROACH TWO: I'd place all images one after another with attribute 'hidden' for all of them except the first one. The caption will be placed in the end of those images bunch and the alt- ant title-tags will be the same for all of the images. QUESTIONS: I can suppose that the last image will be considered as the most important by the SE's as the caption will be most close to it and I don't really like it.
Please advise me which approach is better or propose yours. The image search is supposed to be the most important source of traffic so it's very important for me.