X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Горизонтальный скроллинг iframe
GazenMaden
GazenMaden
Topic Starter сообщение 13.3.2010, 17:04; Ответить: GazenMaden
Сообщение #1


Добрый день! Возникла необходимость сделать горизонтальный скроллинг информации (картинки + текст). Порылся в сети и склеил нечто... Скроллинг управляймы, есть iframe в котором картинки и по бокам стрелка влево и вправо, при наведении на которые iframe прокручивается. Все работает в IE, решил проверить в FireFox, а там скроллинг не работает. И так, вот код:


<script>
function scrollLeft(s)
{
  document.frames['ipage'].scrollBy(-20,0);
}
function scrollRight(s)
{
  document.frames['ipage'].scrollBy(20,0);
}
</script>
<table width="100%">
<tr>
  <td width="50">
  <img src="[URL="http://left.gif/"]left.gif[/URL]" onmouseover="t=setInterval('scrollLeft(1);',30);" onmouseout="clearInterval(t);">
  </td>
  <td align="center"><iframe src="page[URL="http://.html/"].html[/URL]" width="100%" height="130" id="ipage" frameborder="0" scrolling="no"></iframe></td>
  <td width="50">
  <img src="[URL="http://right.gif/"]right.gif[/URL]" onmouseover="t=setInterval('scrollRight(1);',30);" onmouseout="clearInterval(t);">
  </td>
</tr>
</table>


Я не разбираюсь в js, но как бы заставить его работать и в FireFox... :)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
aleks_hb
aleks_hb
сообщение 15.3.2010, 21:18; Ответить: aleks_hb
Сообщение #2


1) подскажите пожалуйста как сделать что б прокрутка этого скрипта не выходила за рамки монитора если он к примеру меньше там 19" а то так не красиво, или не как нельзя сделать?
<center>
<script language="JavaScript1.2">
var sliderwidth=1000;
var sliderheight=1000;
var slidespeed=4;
<!-- web-mastery.info -->
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="products.htm"><img src="images/cd_ya_slavlyu.jpg" border=1 align="top"></a>'
leftrightslide[1]=''
leftrightslide[2]='<a href="products.htm"><img src="images/cd_bog_esti.jpg" border=1></a>'
leftrightslide[3]=''
leftrightslide[4]='<a href="products.htm"><img src="images/cd_blagoslovlayu.jpg" border=1></a>'
leftrightslide[5]=''
leftrightslide[6]='<a href="products.htm"><img src="images/cd_blagodaru.jpg" border=1></a>'
leftrightslide[7]=''
leftrightslide[8]='<a href="products.htm"><img src="images/cd_na_voshode_dnya.jpg" border=1></a>'
leftrightslide[9]=''
leftrightslide[10]='<a href="products.htm"><img src="images/cd_tebe.jpg" border=1></a>'
leftrightslide[11]=''
leftrightslide[12]='<a href="products.htm"><img src="images/image008.jpg" border=1></a>'
leftrightslide[13]=''
leftrightslide[14]='<a href="products.htm"><img src="images/image009.jpg" border=1></a>'
leftrightslide[15]=''
leftrightslide[16]='<a href="products.htm"><img src="images/CD_When_God_Comes.jpg" border=1></a>'
leftrightslide[17]=''
leftrightslide[18]=''
var copyspeed=slidespeed
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide[i]+"&nbsp;&nbsp;"
if (document.all){
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")}
function regenerate(){ window.location.reload() }
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",450)
intializeleftrightslide() }
if (document.all)
ieslider.scrollAmount=slidespeed}
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02. document.write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01. document.ns_slider02.document.width
scrollslide() }
function scrollslide(){
if (document.ns_slider01. document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01. document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}else{
document.ns_slider01. document.ns_slider02.left=sliderwidth
scrollslide()}}
window.onload=regenerate2
</script>
<ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide>
<layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed"></layer>
</ilayer>
</center>

и 2) как подписать ну сделать подпеси под картинками в этом скрипте?:wacko: сорре если не туда запостил(

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Продажа iframe Трафика
1 Chapa 3404 20.5.2019, 14:48
автор: -Android Traffic-
Открытая тема (нет новых ответов) Как вывести информацию из БД в <iframe>?
1 Yumakaev 3661 13.1.2017, 15:27
автор: -vasian7474-
Открытая тема (нет новых ответов) Как в iframe показать любой участок сайта.
0 oleg21621 1066 15.12.2015, 19:44
автор: oleg21621
Открытая тема (нет новых ответов) Продам много iframe трафика
1 andriy465 4667 17.3.2015, 17:00
автор: -popunderru-
Открытая тема (нет новых ответов) Продам iframe трафик
0 stiffros 2911 26.2.2014, 14:49
автор: -stiffross-


 



RSS Текстовая версия Сейчас: 29.3.2024, 12:55
Дизайн