Fae
Posts: 2
Joined: Tue Dec 07, 2010 10:05 pm

Creating multiple galleries with HTML

Hi folks,

What I am trying to do: Create a book gallery (currently 21 books). From a front end view it would be: Gallery page displays each book cover. Each book cover links to a gallery/HTML page which contains images from book, book description and purchasing info. So that's 21 separate galleries.

I am REALLY new to this and tried several examples. The closest to what I want to do is here:
http://www.roadrash.no/hs-support/galle ... below.html

I am getting one error- the controls from gallery two (I have only 3 set up right now) seem to show up in the top left corner of main (non popup gallery) page and don't disappear until I refresh page. I can't seem to find why/where the error is coming from. The other 2 galleries work fine with its control setup. I am also not happy that EACH (21!) gallery info is on the same page. That's A LOT of code for one file.

The only way I think will make it easier is to have each book image link to a separate HTML page that contains its own gallery. Right now, everything is all on the same page (which for 21 galleries is UGH). I can get the example provided (link above) to work EXCEPT for the control issue and I can't seem to figure out how to change the background color, layout and so on. I've tried using Firebug to find the CSS info, but no luck. Creating a separate HTML page for each book would also give me more customization (I think) as well as keeping each book's info in one place (which will be great for organization!).

Any thoughts on how to do this? Which HS examples would work for this? Etc.. ?

Thanks so much!
User avatar
RoadRash
Posts: 8249
Joined: Tue Jul 15, 2008 6:43 pm
Location: Fredrikstad, Norway
Contact: Website

Re: Creating multiple galleries with HTML

Hi,

If you want to keep each book in separate HTML files, you should use the in-page gallery as base for each page (http://highslide.com/examples/gallery-in-page.html) and then open these pages using objectType: ÔÇÿiframeÔÇÖ (http://highslide.com/examples/iframe.html)

See live demo: http://www.roadrash.no/hs-support/ifram ... frame.html
Hilde
Highslide Support Team

Overview of my Highslide sample pages: RoadRash.no
Fae
Posts: 2
Joined: Tue Dec 07, 2010 10:05 pm

Re: Creating multiple galleries with HTML

RoadRash wrote:Hi,

If you want to keep each book in separate HTML files, you should use the in-page gallery as base for each page (http://highslide.com/examples/gallery-in-page.html) and then open these pages using objectType: ÔÇÿiframeÔÇÖ (http://highslide.com/examples/iframe.html)

See live demo: http://www.roadrash.no/hs-support/ifram ... frame.html
Hi RoadRash- thanks so much for your reply!

This set up is perfect for what I am trying to do - thank you!

I was able to set up the iframe without any issues.. I can open up each HTML page and it works. Unfortunately on my iframe (html) page, the images don't seem to load (everything else appears to work fine). I tried using the base version and when that didn't work, I tried copying the live demo version. Still getting same error. I've checked the file locations and all appear to be good. I even tried just copying exactly how the live version is done, w/out changing anything, and I get the same issue. Then I tried changing the images only on the live version (thinking that will resolve it) and get the same issue. I've tried putting the images in a folder how its listed on the live version and as that didn't work, I copyied the images into the graphics folder - to make sure there is no weird file issues- and same issue. I THINK this error is because it cannot locate the images? But have no clue how to fix it.

I was able to fix it! Even by looking at the code via winmerge I see NO differences. BUT now its working .. all I did was save the same page as a revised edition and viewed it and it loaded. It's my quirky computer I guess! :D


Thanks again!! You're awesome!

Return to “Highslide Editor”