Фильтр по:
  

  • Страница 1 из 1
  • 1
Модератор форума: Admin, Cибиря4ка, Komoff, Diana  
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » JS смены шапки
JS смены шапки
Дата: Четверг, 06.05.2010, 09:07 |
Рядовой
Группа: Пользователи
Сообщений: 10
Награды: 0
Репутация: 0
Статус: Offline


Привет likbezz
Не поможеш сделать одну фишку.. http://pc-gamestyle.net.ru/ вот сайтик и на нем я хочу сделать так, шоб шапка менялась при обновлений странички.
У меня просто не получаеться подогнать ево под сайтик =\


 
Дата: Четверг, 06.05.2010, 15:33 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Quote (Smiley)
Не поможеш сделать одну фишку.. http://pc-gamestyle.net.ru/ вот сайтик и на нем я хочу сделать так, шоб шапка менялась при обновлений странички.

.. Окейно ... минутка - есть ... ща наваяю ... ヅ

Итак, подумав так, не очень долго, ничего «суперского» или «заумного» придумывать не cnnfk? всё и так просто...
Лично я, не слал бы использавать Java Script, тем более, что сайт юкозовский, там и своих инструментов хватает... тем более, при помощи информеров,например, это дело можно организовать более «правильно», что-ли ... Да и просто .. ну да ладно ... «желание клиента - закон» ...

Кому требуется подобная весчь, читаем темы: «Случайная фоновая картинка для «шапки» сайта на Java Script»

http://likbezz.ucoz.ru/_example/rotator/pc-gamestyle.html
Flesh и «Случайная фоновая картинка для «шапки» сайта на «информерах» ...
Почему? - а потому, что здесь будет рассматриваться именно шапка Smiley и, соответственно, его код ...
Хотя, как пример использования, тоже подойдет.

Smiley, сходил я на твой сайт, глянул код, сделал выводы.
Фонувую картинку, у тебя, задаёт контейнер ... хм ... «contanier», следовательно, от него и будем «плясать» ... Кстати, задай ему высоту. В CSS...

Так как ничего сложного в коде нет, сразу решение:

HTML код:

Code
<!--StartContanier-->
<script type="text/javascript">
document.write('<div id=\"contanier\" style=\"background:'+imgBg[whichquote]+'\">');
</script>
<noscript><div id="contanier">Ваш браузер не поддерживает Java Script</div></noscript>
Твоё содержимое .....
<script type="text/javascript">
document.write('</div>');
</script>
<!--EndContanier-->

Внутренности контейнера писать не стал, думаю, и сам разберёшся ...

Java Script код:

Code
<script type="text/javascript">
<!--
var imgBg=new Array()
imgBg[0]='url(\/_example\/rotator\/logo0.jpg) top center no-repeat;';
imgBg[1]='url(\/_example\/rotator\/logo1.jpg) top center no-repeat;';
imgBg[2]='url(\/_example\/rotator\/logo2.jpg) top center no-repeat;';
var whichquote = Math.floor(Math.random()*(imgBg.length));
//-->
</script>

Что про него ... да ничего ... Ссылки поменяй на свои, не забывай экранировать ссылки ... ! ... запихни все это в JS файл и подключи его, желательно между <head> и </head>, естественно ...

Всё .. Ах, да ... Пример, как вегда ...

Скриншот:

Пример шапки сайта с динамической сменой фоновой картинки при обновлении страницы.

P.S. Картинки - прежал - твоя тяжелая, и пометил ...

P.P.S. Так как картинок всего три иногда они иногда совпадают, при обновлении. Нарисуё, хотябы штук шесть ... лучше будет...

Flesh

Прикрепления: 0341836.jpg (58.0 Kb)

 
Дата: Пятница, 07.05.2010, 04:59 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Smiley,
....??? ... у тебя справка есть? ... :-)))

Нужно не просто впихнуть код, что я написал выше, а найти свой стартовый тег <div id="contanier" ..... и заменить его на

Code
<!--StartContanier-->
<script type="text/javascript">
document.write('<div id=\"contanier\" style=\"background:'+imgBg[whichquote]+'\">');
</script>
<noscript><div id="contanier">Ваш браузер не поддерживает Java Script</div></noscript>
...
Потом, найти закрывающий тег </div> (закрывающий id=\"contanier\" ) ... и вместо него, вставить вот это:
Code
<script type="text/javascript">
document.write('</div>');
</script>
<!--EndContanier-->

А между ними ... все твои таблицы ...

Code
<table ;="" border="0" cellpadding="0" cellspacing="0" width="100%" height="245">
<tbody><tr><td><br></td><td><br></td></tr>
</tbody></table>
<table ;="" border="0" cellpadding="0" cellspacing="0" width="100%" height="30">
<tbody><tr><td><img src="/images/mm33.gif" border="0"></td><td ;="" align="left"> многа-многа букаф .....

Сообразишь? .... biggrin

Flesh

 
Дата: Пятница, 07.05.2010, 09:39 |
Рядовой
Группа: Пользователи
Сообщений: 10
Награды: 0
Репутация: 0
Статус: Offline


Ааа... мне ужасно стыдно happy ^_^ извени не сообразил.
Спасибо что помог ヅ


Сообщение отредактировал Smiley - Пятница, 07.05.2010, 09:41
 
Дата: Четверг, 13.05.2010, 19:38 |
Лейтенант
Группа: Проверенные
Сообщений: 44
Награды: 0
Репутация: 0
Статус: Offline


ПРикольно!=) Но я сделал намного легче biggrin GIF Animator рулит biggrin и сайт не грузиться и нет мозго****ва в кодах biggrin :D

 
Дата: Четверг, 13.05.2010, 21:02 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Fouzer,
Quote (Fouzer)
Но я сделал намного легче

- согласен, «замученная версия» ... - на информерах проще ...
Случайная фоновая картинка для «шапки» сайта на «информерах»

Quote (Fouzer)
GIF Animator рулит biggrin и сайт не грузиться

- может и «проще», но первое: - если картинок 5-10 (максимум) - иначе получается слишком тяжёлый гиф .. и второе - если больше не к чему не привязан ... типа времени суток и подобного ... и третье - невозможность менять одну картинку из серии без переделки гифа ...

P.S. А вообще, вместо гифа, если уж на то пошло, гораздо легче флеш ... ... Правда с ним свой геморрой ...

Flesh

 
Дата: Четверг, 13.05.2010, 21:26 |
Лейтенант
Группа: Проверенные
Сообщений: 44
Награды: 0
Репутация: 0
Статус: Offline


Quote
Правда с ним свой геморрой ... ヅ
Вот вот biggrin поэтому GIF =))


 
Дата: Понедельник, 26.09.2011, 21:29 |
Группа: Гости





Добрый день.
Помогите, пожалуйста.
У меня на сайте есть javascript, который меняет картинки при обновлении страницы.
Code
sha=Math.floor(Math.random() * 50);  
document.write('<img class="otk"src="/images/hapbyr'+sha+'.jpg" border="0" />');

То есть, из 50 картинок, находящихся в папке "images" и имеющих имя hapbyr#.jpg, выбирается какая-то одна.
Но вот какая проблема.
Файл "hapbyr01.jpg" не воспринимается. А вот файл "hapbyr1.jpg" воспринимался бы, но мне нужно, чтобы файлы были именно в двухциферном формате ("hapbyr01.jpg", "hapbyr02.jpg" и т.д.).
Как бы это можно прописать?

И ещё такая проблема, что воспринимаются файлы, имеющие в имени от 0 до 49, а не от 01 до 50. Как можно в javascript прописать это условие, чтобы именно от одного до пятидесяти?

Благодарю Вас


 
Дата: Вторник, 11.10.2011, 16:50 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Александр Константинович,
Quote (Александр Константинович)
Добрый день.

Добрый )
Quote (Александр Константинович)
Файл "hapbyr01.jpg" не воспринимается. А вот файл "hapbyr1.jpg" воспринимался бы, но мне нужно, чтобы файлы были именно в двухциферном формате ("hapbyr01.jpg", "hapbyr02.jpg" и т.д.).
Как бы это можно прописать?

Code
<script type="text/javascript">
var sha=Math.floor(Math.random()*50);
if(sha<'10'){
document.write('<img class="otk"src="/images/hapbyr0'+sha+'.jpg" border="0" />');
}else{
document.write('<img class="otk"src="/images/hapbyr'+sha+'.jpg" border="0" />');
};
</script>

...
Quote (Александр Константинович)
И ещё такая проблема, что воспринимаются файлы, имеющие в имени от 0 до 49, а не от 01 до 50. Как можно в javascript прописать это условие, чтобы именно от одного до пятидесяти?

Code
<script type="text/javascript">
var sha=Math.floor(Math.random()*51);
if(sha<'10'){
document.write('<img class="otk"src="/images/hapbyr0'+sha+'.jpg" border="0" />');
}else{
document.write('<img class="otk"src="/images/hapbyr'+sha+'.jpg" border="0" />');
};
</script>

Будут показываться картинки в диапазоне 00-50 включительно.

Или:
<script type="text/javascript">
Code
var sha=Math.floor(Math.random()*50)+1;
if(sha<'10'){
document.write('<img class="otk"src="/images/hapbyr0'+sha+'.jpg" border="0" />');
}else{
document.write('<img class="otk"src="/images/hapbyr'+sha+'.jpg" border="0" />');
};
</script>

</script>[/code]
Будут показываться картинки в диапазоне 01-50 включительно.
...


 
Дата: Вторник, 11.10.2011, 21:19 |
Группа: Гости





Спасибо Вам большое.
Всё получилось.
Только я прописал не if(sha<'9'), а if(sha<'10').


 
Дата: Вторник, 11.10.2011, 23:05 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Александр Константинович,
Quote (Александр Константинович)
Только я прописал не if(sha<'9'), а if(sha<'10').

Ой, блин, точно. Мой косяк, поправил. )


 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » JS смены шапки
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия