PDA

View Full Version : Image into crawler help for complete newbie!



smack
09-22-2011, 03:57 PM
I have downloaded the crawler and have (finally) figured out WHERE to put my images. But the sample crawler has them like this:

src="http://img222.imageshack.us/img222/8854/waterox.jpg" /> <img

So do I have to upload my images to my control panel first in order to insert them? I can't figure out how to find the html for the images on my computer

I am using Blue Voda, by the way, particularly because I liked the simplicity. But there is no comparable element to the crawler.

jscheuer1
09-22-2011, 04:37 PM
Just use ordinary image tags for the images. If the images are on your server, you may use the relative path. If they are in the same folder on the server as your page you may use just the image name, example using relative path:


<div class="marquee" id="art">
<img src="images/photo1.jpg" alt=""> <img src="images/photo2.jpg" alt=""> <img src="images/photo3.jpg" alt=""> <img src="images/photo4.jpg" alt=""> <img src="images/photo5.jpg" alt=""> <img src="images/photo6.jpg" alt=""> <img src="images/photo7.jpg" alt=""> <img src="images/photo8.jpg" alt=""> <img src="images/photo9.jpg" alt="">
</div>

<script type="text/javascript">
marqueeInit({
uniqueid: 'art',
direction: 'right',
style: { //style object for this marquee container (use quotes on both sides of the : as shown)
'width': '60%',
'height': '235px',
'background-color': '#ddd',
'border': '1px solid #111',
'margin': '2ex auto 0 auto'},
inc: 6, //speed - pixel increment for each iteration of this marquee's movement
moveatleast: 4,
mouse: 'cursor driven' //mouseover behavior ('pause' 'cursor driven' or false)
});
</script>

If the images are in the same folder:


<div class="marquee" id="art">
<img src="photo1.jpg" alt=""> <img src="photo2.jpg" alt=""> <img src="photo3.jpg" alt=""> <img src="photo4.jpg" alt=""> <img src="photo5.jpg" alt=""> <img src="photo6.jpg" alt=""> <img src="photo7.jpg" alt=""> <img src="photo8.jpg" alt=""> <img src="photo9.jpg" alt="">
</div>