2_k
07-06-2010, 08:10 AM
1) Script Title: Text and Image Crawler
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex2/crawler/index.htm
3) Describe problem: I trying to use crawler gallery in wordpress, its works but have one problem with it. Its have width : 60% , but i set it to 100%.
What can be a problem?
How i implement gallery -
i add code to the wp post so its looked like this:
<div class="marquee" id="mycrawler2">
<img class="alignnone size-full wp-image-181" title="int2" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/int2.jpg" alt="" width="720" height="405" />
<img class="alignnone size-full wp-image-176" title="2" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/2.jpg" alt="" width="720" height="405" />
<img class="alignnone size-full wp-image-177" title="4" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/4.jpg" alt="" width="720" height="405" />
<img class="alignnone size-full wp-image-185" title="int-" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/int-.jpg" alt="" width="720" height="405" />
<img class="alignnone size-full wp-image-186" title="24-" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/24-.jpg" alt="" width="720" height="405" />
<img class="alignnone size-full wp-image-178" title="6" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/6.jpg" alt="" width="720" height="405" />
<img class="alignnone size-full wp-image-173" title="23" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/23.jpg" alt="" width="720" height="405" />
<img class="alignnone size-full wp-image-174" title="intt3" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/intt3.jpg" alt="" width="720" height="405" />
<img class="alignnone size-full wp-image-175" title="int1b" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/int1b.jpg" alt="" width="720" height="405" />
<img class="alignnone size-full wp-image-187" title="3" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/33.jpg" alt="" width="720" height="405" />
</div>
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler2',
style: {
'display': block',
'position': 'relative',
'padding': '2px',
'width': '150%',
'height': '420px'
},
inc: 5, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 0,
direction: 'right',
stopped: true,
addDelay: 0,
neutral: 250,
savedirection: true,
leftRight: function (dir){
clearTimeout(this.setup.timer);
this.inc = 21;
this.direction = dir;
return (this.stopped = false);
}
});
</script>
So when i view post the main problem that width is 60% not 100% (like in style section). Here is the code:
<div class="marquee0" style="overflow: hidden;"><div style="visibility: visible; display: block; position: relative; padding: 2px; width: 62%; height: 420px; overflow: hidden;"><div style="position: absolute; left: 119px; white-space: nowrap; top: -2063px;"> <p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/int2.jpg" title="int2" class="alignnone size-full wp-image-181" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/2.jpg" title="2" class="alignnone size-full wp-image-176" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/4.jpg" title="4" class="alignnone size-full wp-image-177" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/int-.jpg" title="int-" class="alignnone size-full wp-image-185" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/24-.jpg" title="24-" class="alignnone size-full wp-image-186" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/6.jpg" title="6" class="alignnone size-full wp-image-178" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/23.jpg" title="23" class="alignnone size-full wp-image-173" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/intt3.jpg" title="intt3" class="alignnone size-full wp-image-174" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/int1b.jpg" title="int1b" class="alignnone size-full wp-image-175" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/33.jpg" title="3" class="alignnone size-full wp-image-187" style="display: inline; vertical-align: top;"></p></div><div style="position: absolute; left: -611px; white-space: nowrap; top: -2063px;"> <p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/int2.jpg" title="int2" class="alignnone size-full wp-image-181" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/2.jpg" title="2" class="alignnone size-full wp-image-176" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/4.jpg" title="4" class="alignnone size-full wp-image-177" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/int-.jpg" title="int-" class="alignnone size-full wp-image-185" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/24-.jpg" title="24-" class="alignnone size-full wp-image-186" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/6.jpg" title="6" class="alignnone size-full wp-image-178" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/23.jpg" title="23" class="alignnone size-full wp-image-173" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/intt3.jpg" title="intt3" class="alignnone size-full wp-image-174" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/int1b.jpg" title="int1b" class="alignnone size-full wp-image-175" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/33.jpg" title="3" class="alignnone size-full wp-image-187" style="display: inline; vertical-align: top;"></p></div></div></div>
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex2/crawler/index.htm
3) Describe problem: I trying to use crawler gallery in wordpress, its works but have one problem with it. Its have width : 60% , but i set it to 100%.
What can be a problem?
How i implement gallery -
i add code to the wp post so its looked like this:
<div class="marquee" id="mycrawler2">
<img class="alignnone size-full wp-image-181" title="int2" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/int2.jpg" alt="" width="720" height="405" />
<img class="alignnone size-full wp-image-176" title="2" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/2.jpg" alt="" width="720" height="405" />
<img class="alignnone size-full wp-image-177" title="4" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/4.jpg" alt="" width="720" height="405" />
<img class="alignnone size-full wp-image-185" title="int-" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/int-.jpg" alt="" width="720" height="405" />
<img class="alignnone size-full wp-image-186" title="24-" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/24-.jpg" alt="" width="720" height="405" />
<img class="alignnone size-full wp-image-178" title="6" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/6.jpg" alt="" width="720" height="405" />
<img class="alignnone size-full wp-image-173" title="23" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/23.jpg" alt="" width="720" height="405" />
<img class="alignnone size-full wp-image-174" title="intt3" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/intt3.jpg" alt="" width="720" height="405" />
<img class="alignnone size-full wp-image-175" title="int1b" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/int1b.jpg" alt="" width="720" height="405" />
<img class="alignnone size-full wp-image-187" title="3" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/33.jpg" alt="" width="720" height="405" />
</div>
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler2',
style: {
'display': block',
'position': 'relative',
'padding': '2px',
'width': '150%',
'height': '420px'
},
inc: 5, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 0,
direction: 'right',
stopped: true,
addDelay: 0,
neutral: 250,
savedirection: true,
leftRight: function (dir){
clearTimeout(this.setup.timer);
this.inc = 21;
this.direction = dir;
return (this.stopped = false);
}
});
</script>
So when i view post the main problem that width is 60% not 100% (like in style section). Here is the code:
<div class="marquee0" style="overflow: hidden;"><div style="visibility: visible; display: block; position: relative; padding: 2px; width: 62%; height: 420px; overflow: hidden;"><div style="position: absolute; left: 119px; white-space: nowrap; top: -2063px;"> <p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/int2.jpg" title="int2" class="alignnone size-full wp-image-181" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/2.jpg" title="2" class="alignnone size-full wp-image-176" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/4.jpg" title="4" class="alignnone size-full wp-image-177" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/int-.jpg" title="int-" class="alignnone size-full wp-image-185" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/24-.jpg" title="24-" class="alignnone size-full wp-image-186" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/6.jpg" title="6" class="alignnone size-full wp-image-178" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/23.jpg" title="23" class="alignnone size-full wp-image-173" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/intt3.jpg" title="intt3" class="alignnone size-full wp-image-174" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/int1b.jpg" title="int1b" class="alignnone size-full wp-image-175" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/33.jpg" title="3" class="alignnone size-full wp-image-187" style="display: inline; vertical-align: top;"></p></div><div style="position: absolute; left: -611px; white-space: nowrap; top: -2063px;"> <p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/int2.jpg" title="int2" class="alignnone size-full wp-image-181" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/2.jpg" title="2" class="alignnone size-full wp-image-176" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/4.jpg" title="4" class="alignnone size-full wp-image-177" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/int-.jpg" title="int-" class="alignnone size-full wp-image-185" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/24-.jpg" title="24-" class="alignnone size-full wp-image-186" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/6.jpg" title="6" class="alignnone size-full wp-image-178" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/23.jpg" title="23" class="alignnone size-full wp-image-173" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/intt3.jpg" title="intt3" class="alignnone size-full wp-image-174" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/int1b.jpg" title="int1b" class="alignnone size-full wp-image-175" style="display: inline; vertical-align: top;"></p>
<p><img width="720" height="405" alt="" src="http://www.guidestudio.ru/wp-content/uploads/2010/07/33.jpg" title="3" class="alignnone size-full wp-image-187" style="display: inline; vertical-align: top;"></p></div></div></div>