Тезисы выступления компании 7910 e-commerce на конференции "Электронная коммерция и торговля - 2008" на тему "Готовые программные решения для электронной коммерции" Подробнее»
Добрый день! На многих сайтах есть такая штука, как падающий снежок. Как я понимаю, люди устанавливают этот эффект с приходом зимы или под Новый Год. У нас можно как-нибудь сделать что-либо подобное? Cпасибо!!!
Необходимо добавить специальный JavaScript падающего снежка вниз сайта здесь Настройки->Установка счетчиков посещений
http://7910.org/oscommerce_chapter1106.php
скрипты можно найти в Google http://www.google.com.ua/search?hl=ru&q=javascript+snow+falling&btnG=%D0%9F%D0%BE%D0%B8%D1%81%D0%BA&meta=&aq=1&oq=JavaScript+snow
Представляете. Поставил на сайт снежинки...а они превратились в крестики странного характера и падают, как снег ((( !!! А как начал искать, где этот код, чтобы удалить - а он прилепился к соседнему...я удалил эти два в одном, потом смотрю - он ОПЯТЬ есть... но уже в соседнем. Пришлось все абсолютно счётчики и коды со своего сайта удалить...Но главное не это, их то можно назад вставить. Этот самый НЕВЕДИМКА-код ОСТАЛСЯ!!! И просмотреть его можно только в текстовом виде ..в графическом же виде - его НЕТ!!! Сам код виден в текстовом виде, но удалить и изменить нельзя - нет возле него вообще никаких кнопок!!! Что делать? Подскажите? Этот дурацкий крестиковый снег, блин, так и идёт до сих пор...
Падающие крестики - это всего лишь означает, что изображение не доступно. Если по какой-то ссылке изображение в интернете не доступно, то вместо этого изображения браузер выдает крестик.
В скрипте как пример была указана ссылка с изображением снежинки
http://www.your-web-site-address-here.com/snow.gif
Как видно из адреса ссылки, это только пример, подразумевалось, что администратор сайта заменит этот адрес на реальный адрес понравившегося ему рисунка снежинки, но Вы оставили все как есть.
Мы заменили эту ссылку на адрес изображения снежинки.
Спасибо! Я тоже сделала - очень красиво!!! Только уменьшила количество снежинок с 25 до 5, а то и магазина так не видать :lol:
Всех с наступающим!!!
Скрипт:
[quote:ea1bc16f8e]<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Free Javascripts at www.rewritables.net -->
<!-- Begin
var no = 5; // snow number
var speed = 10; // smaller number moves the snow faster
var snowflake = "http://kupiunas.com.ua//download/kupiunas/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 = 600, doc_height = 500;
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>[/quote:ea1bc16f8e]
Меняется:
var snowflake = "http://kupiunas.com.ua//download/kupiunas/snow.gif"; - загрузите свое изображение и переделайте ссылку
var i, doc_width = 600, doc_height = 500; - это ширина и высота части магазина, в которой будут падать снежинки.
var no = 5; // snow number
var speed = 10; // smaller number moves the snow faster - количество снежинок и их скорость падения.
здравствуйте. хорошо придумано ))) а не подскажете где можно взять еще такие скрипты? например, на весеннюю тему или вообще летнюю ))) заранее спасибо.
Можно поискать в интернете, либо заказать эксклюзивную разработку. Главное знать, что искать, т.е. идея.
Летом и весной можно в приведенном выше скрипте заменить файл изображения снежинки на изображение цветочка, листочка, сердечка и т.д.
Строка:
var snowflake = "http://kupiunas.com.ua//download/kupiunas/snow.gif";