Hi, does anyone know how to make a gallery like this, where the thumbnails at the bottom display html pages instead of just images?
you could check out something like colorbox or f[URL=“http://fancybox.net/”]ancyBox
Hope it helps!
Have a look at something like this which can draw in content using ajax techniques to achieve the effect I think you are after.
Look at the source: <li><a onclick=‘s_objectID=“http://www.apple.com/macbookpro/includes/overview_hero2.html#image2_1”;return this.s_oc?this.s_oc(e):true’ class=“herocontentlink gallink gallery2” href=“/macbookpro/includes/overview_hero2.html#image2”></a></li>
It’s not just displaying images, but .html pages - see the thumb on the far right it’s an embedded video, that displays the same when you click it.
It looks like the apple one is pulling in .html files into an element as oppose to having all of the elements on one page… and that’s what I want - I want to have the thumbnails linked to external .html pages that pulls them into the same element above the thumbnails.
Hi Paul, fancy seeing you here! :] Can you tell which method is being used on the apple.com webpage I linked in my first post? Some of these look sort of technical, I thought maybe there was a simpler way to do it.
It depends what you mean by html pages exactly?
If you want to show some small sections of html content (images and text etc) then most jquery hide and show effect sliders will work as most work with content whether it be images or html.
Or the basic tab version here.
If you simply want to navigate to new pages then just create new pages and don’t try to have your whole site contained in one page.