PDA

View Full Version : Crawler in wordpress problem.



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;">&nbsp;<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;">&nbsp;<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>

jscheuer1
07-06-2010, 01:02 PM
The crawler will automatically become narrower if there aren't enough images in it. Your images aren't on the server.

If you want more help:

Please post a link to a page on your site that contains the problematic code so we can check it out.