Валидная Бегущая Строка
#1
Отправлено 22 Июнь 2012 - 22:26
#2
Отправлено 23 Июнь 2012 - 13:59
Steep (22 Июнь 2012 - 22:26) писал:
См.картинки...
P.S надеюсь на картинках вся исчерпывающая информация ...
#4
Отправлено 23 Июнь 2012 - 16:21
ConstantinRS (23 Июнь 2012 - 14:56) писал:
Так там же ссылка есть, с исходниками...
Вот еще раз Вам дам ссылку...
http://ruseller.com/...p?rub=32&id=367
#6
Отправлено 25 Июнь 2012 - 14:08
Вы не спеша, по внимательней... И все у Вас получится!
#7
Отправлено 25 Июнь 2012 - 18:00
<style type="text/css"> #anic { position:relative; padding:0px; width:1000px; height:75px; overflow:hidden; background-color: #000; } #anic img { max-height: 75px; padding-left: 10px; vertical-align: middle; } #ani, #ani1 { color: #000; display:inline; position:relative; } </style>
<script language="JavaScript" type="text/javascript"> var timer, nPos = 0, stop = false; function anistop() { stop = true } function anirun() { start() } function start() { stop = false; timer && window.clearInterval(timer); document.getElementById("anic"); var a = document.getElementById("ani"), b = document.getElementById("ani1"), c = a.offsetWidth; timer = setTimeout(function () { a.style.left = b.style.left = nPos + "px"; nPos -= 2; if (nPos < -c) nPos = 0; stop || setTimeout(arguments.callee, 25) }, 10) } window.onload = start; </script>
Код HTML
<div id="anic" onmouseover="anistop()" onmouseout="anirun()"> <pre id="ani"> <a href="index.php?route=product/manufacturer&manufacturer_id=57"><img src="rotaban/anabolic_xtreme.jpg"></a> <a href="index.php?route=product/manufacturer&manufacturer_id=56"><img src="rotaban/GASP.jpg"></a></pre> <pre id="ani1"></pre> </div>
Вам необходимо размещать данный код в шаблоне "HTML" предварительно ссылки и изображения изменить/вставить на свои.
#8
Отправлено 25 Июнь 2012 - 19:41
Vaccina (25 Июнь 2012 - 18:00) писал:
<style type="text/css"> #anic { position:relative; padding:0px; width:1000px; height:75px; overflow:hidden; background-color: #000; } #anic img { max-height: 75px; padding-left: 10px; vertical-align: middle; } #ani, #ani1 { color: #000; display:inline; position:relative; } </style>
<script language="JavaScript" type="text/javascript"> var timer, nPos = 0, stop = false; function anistop() { stop = true } function anirun() { start() } function start() { stop = false; timer && window.clearInterval(timer); document.getElementById("anic"); var a = document.getElementById("ani"), b = document.getElementById("ani1"), c = a.offsetWidth; timer = setTimeout(function () { a.style.left = b.style.left = nPos + "px"; nPos -= 2; if (nPos < -c) nPos = 0; stop || setTimeout(arguments.callee, 25) }, 10) } window.onload = start; </script>
Код HTML
<div id="anic" onmouseover="anistop()" onmouseout="anirun()"> <pre id="ani"> <a href="index.php?route=product/manufacturer&manufacturer_id=57"><img src="rotaban/anabolic_xtreme.jpg"></a> <a href="index.php?route=product/manufacturer&manufacturer_id=56"><img src="rotaban/GASP.jpg"></a></pre> <pre id="ani1"></pre> </div>
Вам необходимо размещать данный код в шаблоне "HTML" предварительно ссылки и изображения изменить/вставить на свои.
хм, так код html я понял что нужно вставить где я хочу видеть строку, да? а вот первый два кода от куда...?
#9
Отправлено 26 Июнь 2012 - 22:03
#10
Отправлено 29 Июнь 2012 - 12:51
Vaccina (26 Июнь 2012 - 22:03) писал:
#11
Отправлено 29 Июнь 2012 - 14:09
#13
Отправлено 29 Июнь 2012 - 20:48
Цитата
Не совсем понимаю о чем вы. Пожалуйста, объясните по подробней.
В данный момент у вас на сайте содержится множество javascript ошибок. Вам необходимо их устранить, возможно именно это и есть причина описанная в вашем сообщении.
"NetworkError: 404 Not Found - http://pro-builder-ekb.ru/jquery-1.3.2.min.js" jquery....min.js "NetworkError: 404 Not Found - http://pro-builder-ekb.ru/jscroller-0.4.js" jscroller-0.4.js missing } in XML expression [Прерывать на этой ошибке] dayNames : ['Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббо... main.js (line 462, col 16) "NetworkError: 404 Not Found - http://pro-builder-ekb.ru/jquery-1.3.2.min.js" jquery....min.js "NetworkError: 404 Not Found - http://pro-builder-ekb.ru/jscroller-0.4.js" jscroller-0.4.js unexpected end of XML source [Прерывать на этой ошибке] </script> pro-bu...-ekb.ru (строка 58) syntax error [Прерывать на этой ошибке] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> jquery....min.js (строка 1) missing } in XML expression [Прерывать на этой ошибке] }); pro-bu...-ekb.ru (line 999, col 2) $jScroller is not defined [Прерывать на этой ошибке] $jScroller.add("#scroller_container","#scroller","left",10, true);
#14
Отправлено 14 Июль 2012 - 11:42
Vaccina (29 Июнь 2012 - 20:48) писал:
В данный момент у вас на сайте содержится множество javascript ошибок. Вам необходимо их устранить, возможно именно это и есть причина описанная в вашем сообщении.
"NetworkError: 404 Not Found - http://pro-builder-ekb.ru/jquery-1.3.2.min.js" jquery....min.js "NetworkError: 404 Not Found - http://pro-builder-ekb.ru/jscroller-0.4.js" jscroller-0.4.js missing } in XML expression [Прерывать на этой ошибке] dayNames : ['Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббо... main.js (line 462, col 16) "NetworkError: 404 Not Found - http://pro-builder-ekb.ru/jquery-1.3.2.min.js" jquery....min.js "NetworkError: 404 Not Found - http://pro-builder-ekb.ru/jscroller-0.4.js" jscroller-0.4.js unexpected end of XML source [Прерывать на этой ошибке] </script> pro-bu...-ekb.ru (строка 58) syntax error [Прерывать на этой ошибке] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> jquery....min.js (строка 1) missing } in XML expression [Прерывать на этой ошибке] }); pro-bu...-ekb.ru (line 999, col 2) $jScroller is not defined [Прерывать на этой ошибке] $jScroller.add("#scroller_container","#scroller","left",10, true);
Подскажите как устранить эти ошибки пожалуйста)
#15
Отправлено 16 Июль 2012 - 18:36
Возможно это полностью устранит ошибки в javascript, а возможно и нет, так как некоторые могут появиться после устранения предыдущих.
#16
Отправлено 03 Февраль 2016 - 13:21
Vaccina (25 Июнь 2012 - 18:00) писал:
<style type="text/css"> #anic { position:relative; padding:0px; width:1000px; height:75px; overflow:hidden; background-color: #000; } #anic img { max-height: 75px; padding-left: 10px; vertical-align: middle; } #ani, #ani1 { color: #000; display:inline; position:relative; } </style>
<script language="JavaScript" type="text/javascript"> var timer, nPos = 0, stop = false; function anistop() { stop = true } function anirun() { start() } function start() { stop = false; timer && window.clearInterval(timer); document.getElementById("anic"); var a = document.getElementById("ani"), b = document.getElementById("ani1"), c = a.offsetWidth; timer = setTimeout(function () { a.style.left = b.style.left = nPos + "px"; nPos -= 2; if (nPos < -c) nPos = 0; stop || setTimeout(arguments.callee, 25) }, 10) } window.onload = start; </script>
Код HTML
<div id="anic" onmouseover="anistop()" onmouseout="anirun()"> <pre id="ani"> <a href="index.php?route=product/manufacturer&manufacturer_id=57"><img src="rotaban/anabolic_xtreme.jpg"></a> <a href="index.php?route=product/manufacturer&manufacturer_id=56"><img src="rotaban/GASP.jpg"></a></pre> <pre id="ani1"></pre> </div>
Вам необходимо размещать данный код в шаблоне "HTML" предварительно ссылки и изображения изменить/вставить на свои.
Здравствуйте. Получается почему-то вот так:
Что я не так делаю?
#17
Отправлено 03 Февраль 2016 - 18:13
Silver-Pegas (03 Февраль 2016 - 13:21) писал:
Здравствуйте. Попробуйте следующее: в шаблоне html перед строками:
<!-- /END Шапка --> <!-- Jssor Slider Слайдер -->вставьте:
<style type="text/css"> #anic { position:relative; padding:0px; width:1000px; height:94px; overflow:hidden; background-color: #000; margin:0 auto; } #anic img { max-height: 75px; padding-left: 10px; display: inline-block; margin-top: -5px; } #ani, #ani1 { color: #000; display:inline-block; position:relative; } </style> <script language="JavaScript" type="text/javascript"> var timer, nPos = 0, stop = false; function anistop() { stop = true } function anirun() { start() } function start() { stop = false; timer && window.clearInterval(timer); document.getElementById("anic"); var a = document.getElementById("ani"), b = document.getElementById("ani1"), c = a.offsetWidth; timer = setTimeout(function () { a.style.left = b.style.left = nPos + "px"; nPos -= 2; if (nPos < -c) nPos = 0; stop || setTimeout(arguments.callee, 25) }, 10) } window.onload = start; </script> <div class="clear"></div> <div id="anic" onmouseover="anistop()" onmouseout="anirun()"> <pre id="ani"> <a href="index.php?route=product/manufacturer&manufacturer_id=57"><img src="{ASSETS_IMAGES_PATH}3.png" alt="" title="" /></a> </pre> <pre id="ani1"> <a href="index.php?route=product/manufacturer&manufacturer_id=56"><img src="{ASSETS_IMAGES_PATH}4.png" alt="" title="" /></a> </pre> </div>
взяла Ваши изображения для примера. Если результат не будет совпадать, не отменяйте, пожалуйста, изменения, чтобы мы могли найти причину.
#18
Отправлено 03 Февраль 2016 - 20:47
RedHead (03 Февраль 2016 - 18:13) писал:
взяла Ваши изображения для примера. Если результат не будет совпадать, не отменяйте, пожалуйста, изменения, чтобы мы могли найти причину.
1.jpg
Мне бы хотелось сделать её не над слайдером, а под каталогом. И на белом фоне, а не на черном.
#19
Отправлено 03 Февраль 2016 - 21:02
Silver-Pegas (03 Февраль 2016 - 20:47) писал:
pTxS95s.png
Вставьте тогда в шаблоне html после строки
<!-- /END Основная часть -->код:
<style type="text/css"> #anic { position:relative; padding:0px; width:1150px; height:94px; overflow:hidden; background-color: #fff; margin:0 auto; } #anic img { max-height: 75px; padding-left: 10px; display: inline-block; margin-top: -5px; } #ani, #ani1 { color: #000; display:inline-block; position:relative; } </style> <script language="JavaScript" type="text/javascript"> var timer, nPos = 0, stop = false; function anistop() { stop = true } function anirun() { start() } function start() { stop = false; timer && window.clearInterval(timer); document.getElementById("anic"); var a = document.getElementById("ani"), b = document.getElementById("ani1"), c = a.offsetWidth; timer = setTimeout(function () { a.style.left = b.style.left = nPos + "px"; nPos -= 2; if (nPos < -c) nPos = 0; stop || setTimeout(arguments.callee, 25) }, 10) } window.onload = start; </script> <div class="clear"></div> <div id="anic" onmouseover="anistop()" onmouseout="anirun()"> <pre id="ani"> <a href="index.php?route=product/manufacturer&manufacturer_id=57"><img src="{ASSETS_IMAGES_PATH}3.png" alt="" title="" /></a> </pre> <pre id="ani1"> <a href="index.php?route=product/manufacturer&manufacturer_id=56"><img src="{ASSETS_IMAGES_PATH}4.png" alt="" title="" /></a> </pre> </div> <br>
#20
Отправлено 04 Февраль 2016 - 06:58
RedHead (03 Февраль 2016 - 21:02) писал:
<!-- /END Основная часть -->код:
<style type="text/css"> #anic { position:relative; padding:0px; width:1150px; height:94px; overflow:hidden; background-color: #fff; margin:0 auto; } #anic img { max-height: 75px; padding-left: 10px; display: inline-block; margin-top: -5px; } #ani, #ani1 { color: #000; display:inline-block; position:relative; } </style> <script language="JavaScript" type="text/javascript"> var timer, nPos = 0, stop = false; function anistop() { stop = true } function anirun() { start() } function start() { stop = false; timer && window.clearInterval(timer); document.getElementById("anic"); var a = document.getElementById("ani"), b = document.getElementById("ani1"), c = a.offsetWidth; timer = setTimeout(function () { a.style.left = b.style.left = nPos + "px"; nPos -= 2; if (nPos < -c) nPos = 0; stop || setTimeout(arguments.callee, 25) }, 10) } window.onload = start; </script> <div class="clear"></div> <div id="anic" onmouseover="anistop()" onmouseout="anirun()"> <pre id="ani"> <a href="index.php?route=product/manufacturer&manufacturer_id=57"><img src="{ASSETS_IMAGES_PATH}3.png" alt="" title="" /></a> </pre> <pre id="ani1"> <a href="index.php?route=product/manufacturer&manufacturer_id=56"><img src="{ASSETS_IMAGES_PATH}4.png" alt="" title="" /></a> </pre> </div> <br>
А количество картинок как увеличить?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных