Sero
05-09-2010, 02:34 PM
Hi to everybody,
i have a problem setting the image height to 100% of the size of the screen (meaning the web browser usable space) when using this script :
http://www.dynamicdrive.com/dynamicindex2/crawler/index.htm.
the script works fine but there is no way to resize the image to 100% height
this is the code i'm using on my webpage:
<div id="mycrawler2">
<img id="wrapper" src="imatge llarga inicio mes petita 2.jpg" height="100%"/>
</div>
the css style "wrapper" is :
wrapper { height: 100%; margin:0px; clear:both; padding:0;}
if i remove the div "mycrawler2" the resizing to 100% of the screen height works fine, but, of course, not the javascript functionality.
i've tried many different ways to call the script with the style parameters but the 'height': '100%' parameter never works:
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler2',
style: {
'padding': '5px',
'height': '100%',
'border': '1px solid #CC3300'
},
inc: 8, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 4,
neutral: 150,
savedirection: true
});
</script>
if i remove the style parameter the resizing doesn't work either, it seems like the script is running over the image style or instead of applying the 100% of the screen height is applying the 100% of the image size.
Anybody has any idea how to solve this?
i would appreciate any idea or suggestion.
Thanks in advance!!
i have a problem setting the image height to 100% of the size of the screen (meaning the web browser usable space) when using this script :
http://www.dynamicdrive.com/dynamicindex2/crawler/index.htm.
the script works fine but there is no way to resize the image to 100% height
this is the code i'm using on my webpage:
<div id="mycrawler2">
<img id="wrapper" src="imatge llarga inicio mes petita 2.jpg" height="100%"/>
</div>
the css style "wrapper" is :
wrapper { height: 100%; margin:0px; clear:both; padding:0;}
if i remove the div "mycrawler2" the resizing to 100% of the screen height works fine, but, of course, not the javascript functionality.
i've tried many different ways to call the script with the style parameters but the 'height': '100%' parameter never works:
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler2',
style: {
'padding': '5px',
'height': '100%',
'border': '1px solid #CC3300'
},
inc: 8, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 4,
neutral: 150,
savedirection: true
});
</script>
if i remove the style parameter the resizing doesn't work either, it seems like the script is running over the image style or instead of applying the 100% of the screen height is applying the 100% of the image size.
Anybody has any idea how to solve this?
i would appreciate any idea or suggestion.
Thanks in advance!!