Advanced search  

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Pages: [1]   Go Down

Author Topic: snowflakes *help needed*  (Read 3723 times)

0 Members and 1 Guest are viewing this topic.

seros

  • Coppermine regular visitor
  • **
  • Offline Offline
  • Posts: 85
snowflakes *help needed*
« on: December 21, 2004, 07:26:31 pm »

Hello,
so I wanted to add some "snowflakes" in java to my COppermine Gallery, which are falling down (java script). You may know it. So I think I have to add it to the theme "template.html" But it doesn't work:
Here is what I've done:

1. added the Code in the template.html after: <link rel="stylesheet" href="themes/water_drop/style.css" /> (ca. line 8)

Code: [Select]
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Original:  Altan (snow@altan.hr) -->
var no = 14; // snow number
var speed = 5; // smaller number moves the snow faster
var snowflake = "images/snow.gif";

var ns4up = (document.layers) ? 1 : 0;  // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;    // coordinate and position variables
var am, stx, sty;  // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {  
dx[i] = 0;                        // set coordinate variables
xp[i] = Math.random()*(doc_width-50);  // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;         // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random();     // set step variables
if (ns4up) {                      // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
   }
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
      }
   }
}
function snowNS() {  // Netscape main animation function
for (i = 0; i < no; ++ i) {  // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() {  // IE main animation function
for (i = 0; i < no; ++ i) {  // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>

After it I've added the image of course to the folder ...

Doesnt't work. So thanks so far.
« Last Edit: December 23, 2004, 06:31:39 am by donnoman »
Logged

snork13

  • Contributor
  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Gender: Male
  • Posts: 260
  • Internet! Is that thing still around?
    • Gallery
Re: snowflakes *help needed*
« Reply #1 on: December 21, 2004, 07:47:22 pm »

your image location is wrong for the snowflake...it must be full url: http://yoursite.com/images/snow.gif


i got it work in minutes using the same script and correct url

snork

http://gallery.snork13.net

Logged

seros

  • Coppermine regular visitor
  • **
  • Offline Offline
  • Posts: 85
Re: snowflakes *help needed*
« Reply #2 on: December 21, 2004, 09:57:54 pm »

Oh ok, thanks a lot. By the way I like your site a lot, how did you do the "Random gallery scroll" Is there a mod? Like this too. :)
Logged

snork13

  • Contributor
  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Gender: Male
  • Posts: 260
  • Internet! Is that thing still around?
    • Gallery
Re: snowflakes *help needed*
« Reply #3 on: December 21, 2004, 10:14:37 pm »

Oh ok, thanks a lot. By the way I like your site a lot, how did you do the "Random gallery scroll" Is there a mod? Like this too. :)

Thanks, here's the guys to give credit too...

http://forum.coppermine-gallery.net/index.php?topic=11995.0
Logged

Joachim Müller

  • Dev Team member
  • Coppermine addict
  • ****
  • Offline Offline
  • Gender: Male
  • Posts: 47843
  • aka "GauGau"
    • gaugau.de
Re: snowflakes *help needed*
« Reply #4 on: December 22, 2004, 06:45:19 pm »

seros "forgot" to post where he got the snowflakes script from, so here you go (contains a demo as well): http://www.dynamicdrive.com/dynamicindex3/snow.htm

Joachim
Logged

seros

  • Coppermine regular visitor
  • **
  • Offline Offline
  • Posts: 85
Re: snowflakes *help needed*
« Reply #5 on: December 24, 2004, 04:51:03 pm »

Sorry, but i forgot it really ... and there are more websites containing the same script, not only your website you have posted here ;)
Logged
Pages: [1]   Go Up
 

Page created in 0.019 seconds with 20 queries.