скажите пожалуста как сделать, чтобы две картинки которые отображаются скриптом, показывались разными поочерёдно каждый раз при перезагрузке страницы, ну в общем чтобы сделать аналаговую картинку??? кто знает скрипт подскажите умоляю....
PS/ образно говоря у меня два скрипта приймем их в виде <script js> <src:"путь картинки1"></script>
<script js> <src:"путь картинки"></script>
мне нужно, чтобы после перезагрузки браузера работали разные картинки
вот этот
Code
<script type="text/javascript"> document.write('<style>'); if (x <= 1000) {document.write('#clientWidth{background:url(http://denis-osadchiy.at.ua/Fon/1/800x600.jpg)no-repeat top center;width:'+x+'px; height:'+y+'px;}');} if (x >= 1000 && x < 1200) {document.write('#clientWidth{background:url(http://denis-osadchiy.at.ua/Fon/1/1024x768.jpg) no-repeat top center;width:'+x+'px; height:'+y+'px;}');} if (x >= 1200 && x < 1480) {document.write('#clientWidth{background:url(http://denis-osadchiy.at.ua/Fon/1/1440x900.jpg) no-repeat top center;width:'+x+'px; height:'+y+'px;}');} if (x >= 1441) {document.write('#clientWidth{background:url(http://denis-osadchiy.at.ua/Fon/1/1600x1200.jpg) no-repeat top center;width:'+x+'px; height:'+y+'px;}');} document.write('<\/style>');
</script>
скрипт - это есть одна моя картинка(соответственно есть вторая), тоесть я хочу сделать, чтоб для всех размеров была одна картинка, потом для этих же но после перезагрузки окна браузера вторая вместо 1, ну тоесть картинка стала динамической, как было в http://likbezz.ucoz.ru/forum/52-61-1 посте
Code
<script type="text/javascript"> <!-- var imgBg=new Array() imgBg[0]='url(\/_example\/rotator\/psBg.gif);'; imgBg[1]='url(\/_example\/rotator\/psBg-e.gif);'; imgBg[2]='url(\/_example\/rotator\/psBg-g.gif);'; imgBg[3]='url(\/_example\/rotator\/psBg-r.gif);'; imgBg[4]='url(\/_example\/rotator\/psBg-b.gif);'; imgBg[5]='url(\/_example\/rotator\/psBg-gb.gif);'; imgBg[6]='url(\/_example\/rotator\/psBg-s.gif);'; var whichquote = Math.floor(Math.random()*(imgBg.length)); //--> </script>
потому, что я использую картинку под все экраны через скрипт этот
Code
<script type="text/javascript"> document.write('<style>'); if (x <= 1000) {document.write('#clientWidth{background:url(http://denis-osadchiy.at.ua/Fon/1/800x600.jpg)no-repeat top center;width:'+x+'px; height:'+y+'px;}');} if (x >= 1000 && x < 1200) {document.write('#clientWidth{background:url(http://denis-osadchiy.at.ua/Fon/1/1024x768.jpg) no-repeat top center;width:'+x+'px; height:'+y+'px;}');} if (x >= 1200 && x < 1480) {document.write('#clientWidth{background:url(http://denis-osadchiy.at.ua/Fon/1/1440x900.jpg) no-repeat top center;width:'+x+'px; height:'+y+'px;}');} if (x >= 1441) {document.write('#clientWidth{background:url(http://denis-osadchiy.at.ua/Fon/1/1600x1200.jpg) no-repeat top center;width:'+x+'px; height:'+y+'px;}');} document.write('<\/style>');
</script>
куда нужно вставлять скрипты для смены фона при обновлении страницы, для того чтобы они работали на этой странице???
Code
<html><head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type"> <title>$SITE_NAME$ - $MODULE_NAME$</title> <?$META_DESCRIPTION$?> <link href="http://s44.ucoz.net/src/css/947.css" rel="StyleSheet" type="text/css"> </head><body style="background: none repeat scroll 0% 0% rgb(0, 0, 0); margin: 0px; padding: 0px;"><table style="border-collapse: collapse;" width="22" height="24"><tbody><tr><td style="text-align: left; vertical-align: middle; background-color: rgb(255, 255, 255); letter-spacing: 0pt; word-spacing: 0pt;"><script src="http://denis-osadchiy.at.ua/media/?t=video;w=30;h=30;f=http%3A%2F%2Fdenis-osadchiy.at.ua%2Fmusi.swf" type="text/javascript"></script><br></td></tr></tbody></table> $ADMIN_BAR$ <!-- /** http://denis-osadchiy.at.ua/ Template Style ヅ Date: 07.05.2010 Updated by: Flesh Team HTML Document **/ --> <script type="text/javascript"> <!-- var x,y; // общий синтаксис if (self.innerHeight) { x = self.innerWidth; y = self.innerHeight; // IE 6 Strict Mode } else if (document.documentElement && document.documentElement.clientHeight) { x = document.documentElement.clientWidth; y = document.documentElement.clientHeight; // Остальные версии IE } else if (document.body) { x = document.body.clientWidth; y = document.body.clientHeight; } //--> </script> <style type="text/css"><!--@import url('/_theme/_st/example.css');h1{text-align:center;font-family:'Times New Roman',Georgia,serif;text-shadow:1px 1px 1px #8F8E70;margin:20px 0px 50px;color:#C00;}#clientWidth h2{margin:20px;padding:10px;background:#FFF;}#clientWidth strong{margin:10px 20px;padding:3px;background:#FFF;}#clientWidth{background:url(/_example/rotator/psBg.gif);height:150%;margin:0px auto;padding:0px;text-align:center;}--></style> <script type="text/javascript"> document.write('<style>'); if (x <= 1000) {document.write('#clientWidth{background:url(http://denis-osadchiy.at.ua/Fon/1/800x600.jpg)no-repeat top center;width:'+x+'px; height:'+y+'px;}');} if (x >= 1000 && x < 1200) {document.write('#clientWidth{background:url(http://denis-osadchiy.at.ua/Fon/1/1024x768.jpg) no-repeat top center;width:'+x+'px; height:'+y+'px;}');} if (x >= 1200 && x < 1480) {document.write('#clientWidth{background:url(http://denis-osadchiy.at.ua/Fon/1/1440x900.jpg) no-repeat top center;width:'+x+'px; height:'+y+'px;}');} if (x >= 1441) {document.write('#clientWidth{background:url(http://denis-osadchiy.at.ua/Fon/1/1600x1200.jpg) no-repeat top center;width:'+x+'px; height:'+y+'px;}');} document.write('<\/style>');
SerPaladin, ... кажись я тебя понял ... Если в двух словах - тебе нужно чтобы картинки менялись в зависимости от разрешения экрана, плюс от обновления, то есть к своему разрешению, выводилась своя случайная картинка? ... Я правильно тебя понял? ... Если правильно, то вот скрипт:
Java Script:
Quote (Java Script)
<script type="text/javascript"> <!-- var x,y; var numBg = Math.floor(Math.random() * 5); // Количество картинок + 1 // общий синтаксис if (self.innerHeight) { x = self.innerWidth; y = self.innerHeight; // IE 6 Strict Mode } else if (document.documentElement && document.documentElement.clientHeight) { x = document.documentElement.clientWidth; y = document.documentElement.clientHeight; // Остальные версии IE } else if (document.body) { x = document.body.clientWidth; y = document.body.clientHeight; } document.write('<style>'); if (x <= 800) {document.write('#clientWidth{background:url(/_example/bg/psBg700-'+numBg+'.gif);width:'+(x-50)+'px;}');} if (x >= 800 && x < 1000) {document.write('#clientWidth{background:url(/_example/bg/psBg900-'+numBg+'.gif);width:'+(x-50)+'px;}');} if (x >= 1000 && x < 1200) {document.write('#clientWidth{background:url(/_example/bg/psBg1100-'+numBg+'.gif);width:'+(x-50)+'px;}');} if (x >= 1200) {document.write('#clientWidth{background:url(/_example/bg/psBg1500'+numBg+'.gif);width:'+(x-50)+'px;}');} document.write('<\/style>'); //--> </script>
Где: var numBg = Math.floor(Math.random() * 5); // Количество картинок + 1 - количество картинок к каждому варианту разрешений. Имя файла, в данном варианте вот такое: с «psBg900-0.gif» по «psBg900-4.gif» ....
width:'+(x-50)+'px; - Это мой код, так как у меня в стилях «#clientWidth{margin:50px auto;}». В твоём случае оставь как у тебя.
HTML-код:
Code
<div id="clientWidth"> <strong>Пример динамической смены фоновой картинки у элемента при оновлении страницы и в зависимости от разрешения монитора пользователя. v2</strong> </div>
Всем привет! Мне нужна ваша помощь... На своем сайте я изменила шапку стандартного шаблона. Эта шапка состоит из нескольких кусочков. Проблема в том, что на разных разрешениях экрана эти кусочки не состыковываются друг с другом... Особенно видно что эта картинка уходит ЗА эту и отображается только половина собаки...Посоветуйте что нужно сделать.. Код страницы сайта:
<html><head> <script language="JavaScript1.2"> // ******************************************************************* // script by drevil_nz, Michael Dillon, Christchurch New Zealand. // Permission granted to use this script provided this credit // remains intact. Visit my homepage www.chc.quik.co.nz/juggler/mikey.html // Script written for Internet Explorer 4.0+. // *******************************************************************
var message="Тюменский сайт о собаках" //specifys the title var message=message+" " //gives a pause at the end,1 space=1 speed unit, here I used 10 spaces@150 each = 1.5seconds. i="0" //declares the variable and sets it to start at 0 var temptitle="" //declares the variable and sets it to have no value yet. var speed="150" //the delay in milliseconds between letters
function titler(){ if (!document.all&&!document.getElementById) return document.title=temptitle+message.charAt(i) //sets the initial title temptitle=temptitle+message.charAt(i) //increases the title by one letter i++ //increments the counter if(i==message.length) //determines the end of the message { i="0" //resets the counter at the end of the message temptitle="" //resets the title to a blank value } setTimeout("titler()",speed) //Restarts. Remove line for no-repeat. }
Проблема в том, что на разных разрешениях экрана эти кусочки не состыковываются друг с другом...
На «разных» - это на каких? - на высоких или на маленьких? - это принципиальный вопрос. Сходил на сайт - при большом - более 2800px всё, вроде нормально, с шапкой, имеется в виду ..... При маленьком .... менее 1000px действительно, части наезжают друг на друга. Выход: - установи минимальную ширину для блока с шапкой ... или вообще для всего сайта. Какие проблемы-то? .... Всё очевидно.
А подскажи, у меня стоит твой скрипт по которому картинки меняются при перезагрузке страницы. Я заметил что у меня на разных разрешениях экрана (маленьких разрешениях) картинка полностью не влазит на экран. Вот скрипт:
Сразу извиняюсь если пишу не туда Хочу сделать рамку, вот такую - в виде киноплёнки вокруг картинки - постера вот здесь My WebPage. Подскажите пожалуйста как это сделать
Хочу сделать рамку, вот такую - в виде киноплёнки вокруг картинки - постера вот здесь My WebPage. Подскажите пожалуйста как это сделать
Проще всего положить подложку фоном к ячейке, а в самой ячейке сам постер. Естественно все это хорошо, пока постер фиксированного и определенного размера. Ничего сложного не вижу, подобрать и установить подходящие размеры. ...
К сожалению не фиксированного размера, так как с боку текст с описанием, а вот он бывает большим - и соответственно длиннее
Имелось в виду: «постер фиксированного и определенного размера» - картинка для которой подложка - рамка. Я смотрел у вас они в принципе одинаковые более менее, так что проблем нне должно быть, если ничего не изменится. ...
в виде киноплёнки вокруг картинки - постера вот здесь 
