Jump to content
  • 0

чтобы картинка уходила за борт....


sold@t
 Share

Question

всем привет,

есть вот такой код

<TITLE>Код</TITLE>
<script type="text/javascript">

var slidespeed=2000
var slideimages=new Array("1/001.jpg","1/002.jpg","1/003.jpg")
var slidelinks=new Array("http://www.com","http://www.com","http://www.com")

var whichlink=0
var whichimage=0
var imgobj, filtersupport, blenddelay
var imageholder=new Array()
for (i=0;i<slideimages.length;i++){ //preload images
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}

function gotoshow(){
window.location=slidelinks[whichlink]
}

function slideit(){
if (filtersupport)
imgobj.filters[0].apply()
imgobj.src=imageholder[whichimage].src
if (filtersupport)
imgobj.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()", slidespeed+blenddelay)
}
window.onload=function(){
imgobj=document.getElementById("slideshow") //access img obj
filtersupport=imgobj.filters //check for support for filters
blenddelay=(filtersupport)? imgobj.filters[0].duration*1000 : 0
slideit()
}

//-->
</script>

<a href="java script:gotoshow()"><img src="1/004.jpg" id="slideshow" border=0 style="filter:progid:DXImageTransform.Microsoft.Fade(duration=2)" width="1200" height="400" /></a>

подсажите мне, как сделать чтобы картинка (точнее отображаемое этого кода) уходила за правый борт без скрола?

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0

хорошо,

простите если не понятно выразился.

значит есть проблема: Старничка

вот здесь этот код в действии. мне нужно сделать так чтобы при просмотре этого сайта на маленьких мониторах (1024) эта анимация просто уходила в право. на данный момент тут появляеться скроллинг ну и сайт приходиться двигать.

Вот как на данный момент выглядит код.

<td width=""><table width="100%" border="0" >

<tr>

<th scope="col">

<script type="text/javascript">

var slidespeed=2000
var slideimages=new Array("1/001.jpg","1/002.jpg","1/003.jpg")
var slidelinks=new Array("http://www.com","http://www.com","http://www.com")

var whichlink=0
var whichimage=0
var imgobj, filtersupport, blenddelay
var imageholder=new Array()
for (i=0;i<slideimages.length;i++){ //preload images
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}

function gotoshow(){
window.location=slidelinks[whichlink]
}

function slideit(){
if (filtersupport)
imgobj.filters[0].apply()
imgobj.src=imageholder[whichimage].src
if (filtersupport)
imgobj.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()", slidespeed+blenddelay)
}
window.onload=function(){
imgobj=document.getElementById("slideshow") //access img obj
filtersupport=imgobj.filters //check for support for filters
blenddelay=(filtersupport)? imgobj.filters[0].duration*1000 : 0
slideit()
}

//-->
</script>

<a href="java script:gotoshow()"><img src="1/004.jpg" id="slideshow" border=0 style="filter:progid:DXImageTransform.Microsoft.Fade(duration=2)" width="1200" height="400" /></a>



</th>

</tr>

</table></td>

</tr>

</table>

ну или если есть другие варианты как можно сделать слайд шоу фото так чтобы они или резинились под монитор, или уходили за борт в право!

Edited by sold@t
Link to comment
Share on other sites

  • 0

Даже на 1280 прокрутка есть.

Во-первых, вёртстка отвратная, надо бы переверстать.

Во-вторых, если вы перевёрстывать не будете ничего - предлагаю вам положить эти картинки фоном, а ссылку растянуть по всей ячейке стилями. Самый простой вариант в том, что сейчас представляет собой вёрстка.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy