Kissing trail

[Peppy]

I' m soooo happy you answered. Unfortunatly it did not work




THANK YOU FOR YOUR HELP!

[mwinter]

I' m soooo happy you answered. Unfortunatly it did not work

Then post a URL! That's the third time I've written that now. I'm not a mind reader. I can only make guesses at what you've done, the same as anyone else. Unless you allow us to look at your source code as it currently stands, this problem probably isn't going to be fixed. As a last resort, post your source code to the thread, but again, a URL would be much preferred.

Mike

[Peppy]

Hi Mike!

I did already post my url, but deleted it again,
because I found some misstakes.

Everything is fine now - there are only two problems:

The kissingtrail and
that not all 14 pictures I loaded in the book flip slide show show up, only 8.

Here is the url for the kissingtrail I created:
http://free.pages.at/lifeisbutadream/missukissingtrail/


Here is the url of the "main page":
http://free.pages.at/lifeisbutadream/missu/

[mwinter]

I did already post my url, but deleted it again,
because I found some misstakes.

Ah ha! Well, that explains that then.

there are only two problems:

The kissingtrail

Move the style element that's currently in the body element into the head element. You'll also have to change how you include the images use in the trail (and either use the script or static HTML, not both). When you absolutely-positioned one of the containing div elements, you offset the position of trail images as they're absolutely-positioned, too. I suggest you just stick with the instructions for the script. If you're trying to achieve something in particular, it might be better to ask how to go about it.

and that not all 14 pictures I loaded in the book flip slide show show up, only 8.

If I'm reading the source correctly, the script expects paired strings in the array where you defined the images. The first string is a URL to the image, and the second a link to apply to that image when it's shown. That means you need 28 strings in all:

var Book_Image_Sources = [
  'URL1', '',
  'URL2', '',
  /* ... */
  'URL14', ''
];

Hope that helps,
Mike

[Peppy]

Mike - you are a gem - now I have all pix where I want them.

THANK YOU


Conc. the kissingtrail:

I already once followed the instr. for the script - but as I told you if I do this the book flip will not work.

But maybe the reason therefor is also to find, cause arried the pics wrong.
So I will try it again.

You'll also have to change how you include the images use in the trail (and either use the script or static HTML, not both). When you absolutely-positioned one of the containing div elements, you offset the position of trail images as they're absolutely-positioned, too.

This sounds interessting - if I fail - I'll come back and tell you!

CU

Peppy

[Peppy]

OK - I did it again - it did not work.

Please have a look at the html - and tell me the lines I should change!

THANKS

Peppy

http://free.pages.at/lifeisbutadream/missu/

[mwinter]

OK - I did it again - it did not work.

I take it you're not referring to the slide show. I see all fourteen images.

As far as the trail script is concerned, look back to post #10 in this thread. If you do that, both the trail and slide show scripts will work. However, I'd seriously consider lightening the load on that page. The machine I use is fairly powerful and performance is choppy.

A few quick notes if I may:

1. Copy the placeholder.gif file (used with the slide show) to your own web space. It's bad manners to leech off of other people's sites, even if you didn't intend any harm.
2. Find the following style sheet rule:
   
   

   .kisser {
     position:absolute;
     top:0;
     left:0;
     visibility:hidden;
   }

   and add
   
   

   z-index: 1000;

   This will place the trail image above all of the other content.
3. Instead of that massive list of div elements to create your background, place inside one of the style elements (I'd go for the very beginning of the first one) this rule:
   
   

   body {
     background: url(image/satinblue.jpg);
   }

   This will tile the background with that image in a much more efficient way.

Enjoy,
Mike

[Peppy]

Good morning Mike!

THANK YOU so much.
I knew that when I change the z index the kisstrail would come to the front.
But I could not find one. Didn't think about adding .

----

Had problems with this:
body {
background: url(image/satinblue.jpg);
}

* I tiped body,
body {
background: http://free.pages.at/lifeisbutadream/missu/(image/satinblue.jpg);
}

*Then I only added it into the body section.
{
background: http://free.pages.at/lifeisbutadream/missu/(image/satinblue.jpg);
}

* Then I tried to set the url between "".
body {
background: "http://free.pages.at/lifeisbutadream/missu/"(image/satinblue.jpg);
}

But the background was gone each time.

So I did not change this.

---

I neither see the bookflip pics - nor turning pages (with red cross) either.
I see a static 1 px frame with a red cross.

http://free.pages.at/lifeisbutadream/missu/

Then I tried again what you told me in post 10.
Now I the kisstrail is gone again an there are no turning pics.

[mwinter]

Good morning Mike!

Morning.

Had problems with this:
body {
background: url(image/satinblue.jpg);
}

The URL might have been wrong or you might not have put it the right place, I'm not sure. If you try anything else, and it doesn't work, could you copy the HTML file and name it something like test.html. That way, you can keep a running version but provide a way for someone to see what you tried and why it didn't work.

* I tiped body,
body {
background: http://free.pages.at/lifeisbutadream/missu/(image/satinblue.jpg);
}

When you specify a URL in a CSS declaration, the entire thing must be surrounded by url(...), just as I did previously. That would make the above:

body {
background: url(http://free.pages.at/lifeisbutadream/missu/image/satinblue.jpg);
}

Remember to place it properly, for example:

<style type="text/css">
h1 {
  color:#cc3333;
  font-family:"Comic Sans MS",Helvetica;
}
h3 {
  color:#993333;
  font-family:"Comic Sans MS",Helvetica;
}
.kisser {
  position:absolute;
  top:0;
  left:0;
  visibility:hidden;
  z-index: 45;
}
body {
  background: url(http://free.pages.at/lifeisbutadream/missu/image/satinblue.jpg);
}
</style>

Then I tried again what you told me in post 10.
Now I the kisstrail is gone again an there are no turning pics.

I'm afraid you made a mistake. Remove what you added to the script element (onload="kissbegin(); ImageBook();"). It should have been inserted into the opening tag for the body element, replacing the existing onload attribute.

At the moment, your body element begins with:

<body onload="ImageBook()" bgcolor="#ffffff" alink="#ff0000" link="#0000ff" vlink="#800080">

Change it to:

<body onload="kissbegin(); ImageBook();" bgcolor="#ffffff" alink="#ff0000" link="#0000ff" vlink="#800080">

Mike

[Peppy]

<body onload="kissbegin(); ImageBook();" bgcolor="#ffffff" alink="#ff0000" link="#0000ff" vlink="#800080">

Of course!


Now everything but the background is fine!

What did I overlook now?

http://free.pages.at/lifeisbutadream/missu/