bubbles

Julie1 · April 11, 2011, 5:41pm

good afternoon,

I am doing a website for a tropical fish store.

I am looking to do 2 things on it. ANy suggestions would be helpful.

I would like to have bubbles coming up from the bottom - slowly but on load of page.
have a fish or snake swim / crawl across.

any suggestions to do this would be great, Thank you again

Julie

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David_McCallum · April 11, 2011, 10:17pm

Have a look for javascripts along this vein like those available for snow(ing) effects and I am sure you will find something for bubbles too.

Try hotscripts.com - but please use sparingly.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David_McCallum · April 11, 2011, 10:32pm

http://www.dynamicdrive.com/dynamicindex3/bubble.htm

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Julie1 · April 11, 2011, 10:46pm

found it. Thank you.

now the question is how do I implement it… the first section - I get where to put that but the rest I am unsure of.

J
On Apr 11, 2011, at 6:17 PM, DeltaDave wrote:

Have a look for javascripts along this vein like those available for snow(ing) effects and I am sure you will find something for bubbles too.

Try hotscripts.com - but please use sparingly.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Julie1 · April 11, 2011, 11:05pm

perfect!

thanks

On Apr 11, 2011, at 6:32 PM, DeltaDave wrote:

Dynamic Drive DHTML Script- Bubble Effect

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David_McCallum · April 11, 2011, 11:28pm

In that script it refers to the source of the image file(s)

snow[0] = "bubble.gif"
snow[1] = "bubble.gif"
snow[2] = "bubble.gif"

So if you use 3 different sized images for these ie change it to

snow[0] = "bubble1.gif"
snow[1] = "bubble2.gif"
snow[2] = "bubble3.gif"

Your effect will then show with three different bubbles.

The bubble.gif files will need to be uploaded to the server either via FTP or using an action like Upload Stuff or Extra Resources - just make sure that the path defined in
the code is correct.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Julie1 · April 11, 2011, 11:44pm

ok. In the code you showed.

where do I upload the image to via cyberduck?
the resource file?

Thank you

J
On Apr 11, 2011, at 7:28 PM, DeltaDave wrote:

In that script it refers to the source of the image file(s)
snow[0] = "bubble.gif"
snow[1] = "bubble.gif"
snow[2] = "bubble.gif"
So if you use 3 different sized images for these ie change it to
snow[0] = "bubble1.gif"
snow[1] = "bubble2.gif"
snow[2] = "bubble3.gif"
Your effect will then show with three different bubbles.

The bubble.gif files will need to be uploaded to the server either via FTP or using an action like Upload Stuff or Extra Resources - just make sure that the path defined in
the code is correct.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David_McCallum · April 12, 2011, 12:37am

You choose

If you use the first example then the image will be alongside the HTML page

Or you could change it to

snow[0] = "Resources/bubble.gif"
snow[1] = "Resources/bubble.gif"
snow[2] = "Resources/bubble.gif"

And put it in the Resources folder

Example here using a modified version of the snow javascript

http://www.deltadesign.co/examples/bubbles2.html

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Dan_J1 · April 12, 2011, 7:36am

Ah, I would recommend using the “Upload Stuff” action to include those graphics. Don’t mess with the Resources folder.

http://actionsforge.com/actions/view/45-upload-extra-resources

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Julie1 · April 12, 2011, 3:13pm

Thank you DanJ and Dave

Ok,

I opened a test site and used the merge template (would rather do this then screw up with what I have done so far)

I put this:

<script language="JavaScript1.2">
<!-- Begin

//Bubble Script by Lisa (email@hidden, http://lissaexplains.com)
//Based on code by Altan d.o.o. (email@hidden)
//For full source code and installation instructions to this script, visit http://www.dynamicdrive.com

var no = 15; // image number or falling rate
var speed = 2; // the lower the number the faster the image moves
var snow = new Array();
snow[0] = "bubble.gif"

after the under page - html markup - after

I then put the bubble on the paste board unlayered - used the upload extra resources action and uploaded bubble.gif to the html option.

uploaded. But in addition to not seeing it, I am not seeing any of the template merge except the backdrop.

any help would be wonderful.

Thank you

Julie
On Apr 12, 2011, at 3:36 AM, Dan J wrote:

Ah, I would recommend using the “Upload Stuff” action to include those graphics. Don’t mess with the Resources folder.

Upload Extra Resources - ActionsForge

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Dan_J1 · April 12, 2011, 5:06pm

Doesn’t look like you put the whole script in there. Plus there isn’t a closing tag of:

</script>

Here is what the full snippet is:

http://pastie.org/1787643

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Julie1 · April 12, 2011, 5:15pm

Dan,

I put the whole thing in now (oops) after and am still not seeing anything.

and all the merge template items are also missing.

http://www.grassrootsweb.net/et

so now what?

I had to learn this sometime -and now is the time.

Thank you

Julie

On Apr 12, 2011, at 1:06 PM, Dan J wrote:

Doesn’t look like you put the whole script in there. Plus there isn’t a closing tag of:
</script>
Here is what the full snippet is:

http://pastie.org/1787643

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Julie1 · April 12, 2011, 5:43pm

I got all the merge template items to show.

I also changed in the code - to what Dave suggested:

snow[0] = "Resources/bubble.gif"
snow[1] = "Resources/bubble.gif"
snow[2] = "Resources/bubble.gif"

but still no bubbles. So my next step would be?

Thanks

J
On Apr 12, 2011, at 1:15 PM, Julie Maxwell Allen wrote:

Dan,

I put the whole thing in now (oops) after and am still not seeing anything.

and all the merge template items are also missing.

http://www.grassrootsweb.net/et

so now what?

I had to learn this sometime -and now is the time.

Thank you

Julie

On Apr 12, 2011, at 1:06 PM, Dan J wrote:
Doesn’t look like you put the whole script in there. Plus there isn’t a closing tag of:
</script>
Here is what the full snippet is:

http://pastie.org/1787643

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

waltd · April 12, 2011, 6:10pm

I would try moving the entire block of code into the Before /BODY
section of the page. Unless you are using “unobtrusive scripting”
techniques (as in Protaculous’s code), you must make sure that your
code fires after the entire page loads, otherwise your script may be
looking for elements that don’t exist – yet.

Walter

On Apr 12, 2011, at 1:43 PM, Julie Maxwell Allen wrote:

I got all the merge template items to show.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Julie1 · April 12, 2011, 6:19pm

I moved it to before and still no bubbles.

J
On Apr 12, 2011, at 2:10 PM, Walter Lee Davis wrote:

I would try moving the entire block of code into the Before /BODY section of the page. Unless you are using “unobtrusive scripting” techniques (as in Protaculous’s code), you must make sure that your code fires after the entire page loads, otherwise your script may be looking for elements that don’t exist – yet.

Walter

On Apr 12, 2011, at 1:43 PM, Julie Maxwell Allen wrote:

I got all the merge template items to show.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

waltd · April 12, 2011, 6:27pm

You have to move it to the very bottom, to before /body (before end of
body) and see if that makes any difference. Before (before
start of body) is worse than where you had it.

Walter

On Apr 12, 2011, at 2:19 PM, Julie Maxwell Allen wrote:

I moved it to before and still no bubbles.

J
On Apr 12, 2011, at 2:10 PM, Walter Lee Davis wrote:

I would try moving the entire block of code into the Before /BODY
section of the page. Unless you are using “unobtrusive scripting”
techniques (as in Protaculous’s code), you must make sure that your
code fires after the entire page loads, otherwise your script may
be looking for elements that don’t exist – yet.

Walter

On Apr 12, 2011, at 1:43 PM, Julie Maxwell Allen wrote:

I got all the merge template items to show.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Julie1 · April 12, 2011, 6:40pm

I will try that in a few

Thanks

Sent from my iPhone

On Apr 12, 2011, at 2:27 PM, Walter Lee Davis email@hidden wrote:

You have to move it to the very bottom, to before /body (before end of body) and see if that makes any difference. Before (before start of body) is worse than where you had it.

Walter

On Apr 12, 2011, at 2:19 PM, Julie Maxwell Allen wrote:

I moved it to before and still no bubbles.

J
On Apr 12, 2011, at 2:10 PM, Walter Lee Davis wrote:

I would try moving the entire block of code into the Before /BODY section of the page. Unless you are using “unobtrusive scripting” techniques (as in Protaculous’s code), you must make sure that your code fires after the entire page loads, otherwise your script may be looking for elements that don’t exist – yet.

Walter

On Apr 12, 2011, at 1:43 PM, Julie Maxwell Allen wrote:

I got all the merge template items to show.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Julie1 · April 12, 2011, 8:40pm

Nadda.

I put it in the choice towards the bottom

before

I am also doing this when on the first page - going into html markup
On Apr 12, 2011, at 2:27 PM, Walter Lee Davis wrote:

You have to move it to the very bottom, to before /body (before end of body) and see if that makes any difference. Before (before start of body) is worse than where you had it.

Walter

On Apr 12, 2011, at 2:19 PM, Julie Maxwell Allen wrote:

I moved it to before and still no bubbles.

J
On Apr 12, 2011, at 2:10 PM, Walter Lee Davis wrote:

I would try moving the entire block of code into the Before /BODY section of the page. Unless you are using “unobtrusive scripting” techniques (as in Protaculous’s code), you must make sure that your code fires after the entire page loads, otherwise your script may be looking for elements that don’t exist – yet.

Walter

On Apr 12, 2011, at 1:43 PM, Julie Maxwell Allen wrote:

I got all the merge template items to show.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David_McCallum · April 12, 2011, 8:55pm

Julie I tried the Bubbles code and it wouldn’t work for me so I used a combination of the two (snow and bubbles)

If you look at the source on my example page you will get the code there - but only 1 image not the 3 of the bubbles example

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Julie1 · April 12, 2011, 8:58pm

That makes me feel better

where did you paste it?

Thank you

J
On Apr 12, 2011, at 4:55 PM, DeltaDave wrote:

Julie I tried the Bubbles code and it wouldn’t work for me so I used a combination of the two (snow and bubbles)

If you look at the source on my example page you will get the code there - but only 1 image not the 3 of the bubbles example

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options