Insert Galleria into en existing HTML Page

[hmmm]

Thank you again Train.....White back ground is superb.

[Train]

Your Welcome and glad I could help out!

[hmmm]

I wonder how he has embeded Galleria into his HTML
Looks pretty good
http://www.drhorvath.de/praxis.html

[Train]

Going to have to study that one.

May take a day or two. Already I see lots of java script.

That bar menu would work better than one you use just for that page I see.

Definitely needs studying!

[Train]

Printed his 8 pages and your 15 pages.

Ready to study now.

[Train]

It looks Ok in IE, but in FF, it blows out.

What a day!!!

[hmmm]

Yes, it does Train.
I Used your source code from your......... http://home.comcast.net/~copn/test/Ayvalik.htm
Tried to put it into my page template but it does not work. Like you said there might be a conflict with my existing CSS.
Only it works if I loose the whole left navigation links.

[Train]

Watch these as I made changes and and changed the names.
galleria.css
jquery.galleria.js
jquery.js
Yes, the [1] in there can make a difference.
And as you noticed, I had to lose the left navigation links also.
I guess a home page link will have to do for navigation.

[hmmm]

Yes, home page link will do.
Also (I think you have mentioned earlier), i frames might be the answer. I shall read about that subject and try to learn a bit.
I have given you enough trouble already, feel quite embarrassed.

[Train]

embarrassed

No need to be. I enjoy learning and that I am doing.

Retired, yes 66, and have time to try to hammer this to where we want it.

So, I will be experimenting with galleria.css as I know it effects the placement. Paper and pencil time!

[hmmm]

Ohhh Train.....this dreaded man again!!!
I think I got half a step further....please see....
http://www.ayvalikholidayhouse.com/templatejj.html

Just under /* BEGIN DEMO STYLE */ I took below HTML out
*{margin:0;padding:0}
body{padding:20px;background:white;text-align:center;background:white;color:#bba;font:80%/140% georgia,serif;}
h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
a{color:#348;text-decoration:none;outline:none;}

And my navigation pane stayed intact. Now if I can only move the whole thing to the right then I can insert some text next to it. Tried but no luck so far.

Can not retire from UK yet, kids left us now, consequently we are here for the time being. So I got some hammering time too

[Train]

Edited the galleria[1].css and uploaded it.
Looks right nice in IE-8, but still bows out in FF.

Looks like we will need to go horizontal under the main picture to fix things.
I will base it on mule.htm

EDIT:Will check out your update first.

[hmmm]

Also yours is not flickering at all...a lot better

[Train]

Checked it out in FF. Grrrrrrrrrr
IE-8 is acceptable.

I maybe able to move the nav links at the bottom, but that depends of which galleria.css you are using.

[Train]

Ok, I see it has this in it.

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursorointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursorointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

Browser compatability.