Results 1 to 2 of 2

Thread: Crawler in wordpress problem.

  1. #1
    Join Date
    Dec 2009
    Posts
    15
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Crawler in wordpress problem.

    1) Script Title: Text and Image Crawler

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...wler/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:
    Code:
    <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:
    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>

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,933
    Thanks
    43
    Thanked 3,192 Times in 3,155 Posts
    Blog Entries
    12

    Default

    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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •