Anyone ever had problems with Image Theft?

[Mike Hughes]

Hmmm. I have to admit I'd be very wary of adding different alt tags to the same clear image.

It kind of smells a bit like keyword spamming to me and I wouldn't be at all surprised if it triggered one of google's spam algorithms.

Mike

[BillS]

Right!

OK - a little problem with your Notepad CSS demo... It works because the image is rendered at 0, 0 within the browser - if the image is anywhere else on the page the productClear is rendered at 0,0 relative to the Browser (Not the Div...) So, I used position relative in the outer Div...

Revised CSS (note new imageContainer)

.imageContainer {
  position: relative;
}

.productMain {
	position: relative;
	top: 0;
	left: 0;
}
.productClear {
	width: <actinic:variable name="ProductImageWidth" />;
	height: <actinic:variable name="ProductImageHeight" />;
	position: absolute;
	top: 0;
	left: 0;
}

In fact: Class productMain is actually redundant - but left for clarity...

Revised code (wrapped in imageContainer Div):

<div class="imageContainer">
	<img src="<actinic:variable name="ProductImageFileName" />" 
		class="productMain" 
		width="<actinic:variable name="ProductImageWidth" />" 
		Height="<actinic:variable name="ProductImageHeight" />" 
		Title="<actinic:variable name="ProductName" />" 
		Alt="<actinic:variable name="ProductName" />" />
	<img src="Image-18762.gif" 
		class="productClear" 
		id="im-<Actinic:Variable Name="EncodedProductAnchor" />"
		border="0"
		<actinic:variable name="Lightbox" value="LightBox Image Code" />
		width="<actinic:variable name="ProductImageWidth" />" 
		Height="<actinic:variable name="ProductImageHeight" />" 
		Title="<actinic:variable name="ProductName" /> (Our Ref: <actinic:variable name="ProductReference" />)"
		Alt="<actinic:variable name="ProductName" /> (Our Ref: <actinic:variable name="ProductReference" />)" />
		Click image to enlarge
</div>

Also, if we go back to 100% width/height in the productClear - the whole Div becomes clickable and not just the Image - we may/may not do that...

And yes, agreed about Spam / Google / Differing Alt Tags. Maybe I will have to create a unique file for every image - it'd only take a few minutes to create them and populate SD... I'd really prefer the user to see some 'topical' Alt text rather than just "Image"

KR, Bill.

[jont]

You need to add to your container div

.imageContainer {
position: relative;
top: 0;
left:0;
}

that will keep it where it is on the page and act as an anchor reference for the absolute poisitioned sibling

[BillS]

OK: Will do, thanks... but doesn't it default to 0, 0 if you don't specify?

[Mike Hughes]

The trouble I see with giving a clear, blank image any kind of relevant name or tags is that Google use these for their 'image' search results and they're bound to penalise blank images pretending to be something they're not.

Mike

[jont]

Long live Actinics old favourite shim.gif or blue-dotted-line.gif when it is red ..... That is the sin of all sins displaying something else to what then file name says...... Pretty sure Google is clever enough to work out it is for layout and not spamming just as repeating image tiles are not seen as spam or images used around light box image pop ups

[Mike Hughes]

Repeated images for layout are fine. The problem is giving them product / keyword rich names and tags.