HTML - Preventing Images From Being Copied Off Website

Hey everyone, I'm the owner of a small business who had a website made recently. Unfortunately, I felt the style of the designer wasn't what I was looking for so we parted ways. So, basically I am left with a mostly done website, including code for a sliding bar of pictures (sorry for the non-technical phrases) for the online shop section of the site.

My problem is I don't know how to upload pictures to the bar! Right now all it has is a "coming soon" picture. Can anyone help? URL is:

http://outoftheblue.ca/newarrivalsOOTB.html
Thanks!

Not sure if I should be asking this question in the HTML or CSS forum, but here goes.

I found a free template online I wanted to work with to re-vamp an old website I created in high school. Any help would be greatly appreciated. Even help pointing to what I should be reading up on would be appreciated. I'm sorry I didn't really know how to ask my question.

The template I have been manipulating can be found he

http://www.websitetemplatesonline.co...g-website.html

My question is in regards to the scrolling images on the page. Where it goes from Web-Hosting, to Broadband, to Email Hosting, to Dedicated. There is an image of some servers set as the background to every category, but the image with the words changes with every category. I was just wondering what I needed to do to be able to set a revolving background as well?

I have been working with this HTML and CSS code:

HTML Code:

<section id="content"><div class="ic"></div>
		<div class="container">
			<div id="faded">
				<ul class="slides">
					<li><img src="images/slide-title1.gif"><a href="#"><span><span>Sign Up Now!</span></span></a></li>
					<li><img src="images/slide-title4.gif"><a href="#"><span><span>Learn More</span></span></a></li>
					<li><img src="images/slide-title3.gif"><a href="#"><span><span>Learn More</span></span></a></li>
					<li><img src="images/slide-title2.gif"><a href="#"><span><span>Learn More</span></span></a></li>
				</ul>
				<ul class="pagination">
					<li><a href="#" rel="0"><span>Web Hosting</span><small>Get more information</small></a></li>
					<li><a href="#" rel="1"><span>Broadband</span><small>Get more information</small></a></li>
					<li><a href="#" rel="2"><span>Email Hosting</span><small>Get more information</small></a></li>
					<li><a href="#" rel="3"><span>Dedicated</span><small>Get more information</small></a></li>
				</ul>
			</div>

Code:

/* slider */
#faded {width:990px;height:350px;margin:7px 0;background:url(../images/slider-bg.jpg) no-repeat 25px 5px}
#faded ul {list-style:none;padding:0;margin:0}
#faded ul.pagination {list-style:none;padding:0;margin:0;width:246px;height:350px;background:url(../images/pagination-bg.jpg) no-repeat left top}
#faded ul.pagination li {padding:5px 0 0 5px;margin-bottom:-5px}
#faded ul.pagination li a {width:270px;height:85px;background-repeat:no-repeat;background-position:left -85px;background-image:url(../images/thumb-sprite.png);text-decoration:none;display:block;color:#464646}
#faded ul.pagination li.current a {background-position:left top;color:#fff}
#faded ul.pagination li a span {font-size:30px;line-height:1.2em;display:block;padding:14px 0 0 0}
#faded ul.pagination li a small {display:inline-block;color:#428301;background-repeat:no-repeat;background-position:right -80px;background-image:url(../images/arrows.gif);padding:0 17px 0 0}
#faded ul.pagination li a span,
#faded ul.pagination li a small {padding-left:40px}
#faded ul.pagination li.current a small {color:#82b704;background-position:right 5px}
#faded ul.slides li {position:relative;width:100%}
#faded ul.slides li img {position:absolute;top:71px;right:35px}
#faded ul.slides li a {color:#fff;text-transform:uppercase;text-decoration:none;position:absolute;right:43px;top:217px;font-size:18px;line-height:1.2em;padding-left:8px;background:url(../images/button-left.png) no-repeat left top;letter-spacing:-1px}
#faded ul.slides li a:hover {color:#8ab805}
#faded ul.slides li a span {display:block;padding-right:8px;background:url(../images/button-right.png) no-repeat right top}
#faded ul.slides li a span span {background:url(../images/button-tail.png) repeat-x left top;padding:15px 14px 17px 14px}
a {outline:0;border:0}

Thank you all in advance.

Hi people!

I am semi-new to html, and have tried to figure this one out on myself, but it just doesn't seem to work!

So I am trying to create a layout for my photo blog, with these standards:

* images that I post auto-resize to squares [100*100]
* when you click on the image it will show you the full sized version

optional:
* on the homepage you get the option to click on 'ANALOG' and 'DIGITAL'

That's all! It can't be that hard right, am I over-seeing something?

I want to use this layout on tumblr, blogger, wordpress, or any other free platform!

I have a link right here to give you an idea of what I'm talking about: http://www.oscaralexander.com/lomo/lowlands-08-08/html/ [they aren't squares, I know]

Hi! I have just reuploaded my site, which contains 3 image flips, and I am only seeing the outline of where the images should be in both Safari and Internet Explorer. This is strange because before re-uploading, this functioned just fin. Any ideas? Thanks!

Here is the problem area:
http://www.lolaandcricket.com/loe/index.html

Hello again. Hope you had a wonderful Christmas. =)

I think I have a better way to ask my question. I'm trying to do something similar to this webpage.

....If you copy ANY PART of the lyrics, you'll see the website's name and URL "magically" appear when you paste it. I want to do something like this.

When I looked at the source code for the webpage, I got REALLY confused. Not sure if they're using a script or some CSS to do this. And I doubt I'll get a response if I emailed them, because (1) this site looks REALLY big, so they might not reply to emails, and (2) I don't speak fluent Japanese.

Really hope someone can figure out how I can do this. Thanks in advance!!!