Advanced search  

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Pages: [1]   Go Down

Author Topic: snowflakes *help needed*  (Read 3968 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.029 seconds with 20 queries.