Creating input values within Content tree

[Bhujang]

Hello

Im using a custom html as follow:

<div class="MagicSlideshow">

<a href="http://www.brilliantgems.co.uk/acatalog/Ancient_Symbols.html#a340"
rel="blackonyxpentagram.jpg"><img src="tn_blackonyxpentagram.jpg" /></a>
<a href="http://www.brilliantgems.co.uk/acatalog/New_Magical_Range.html#aMRP0015"
rel="bufhead.jpg"><img src="tn_bufhead.jpg" /></a>
<a href="http://www.brilliantgems.co.uk/acatalog/Chakra-Vortex-CH101.html#aCH101"
rel="chakra_wheelII.jpg"><img src="tn_chakra_wheelII.jpg" /></a>
<a href="http://www.brilliantgems.co.uk/acatalog/Egyptian_Range.html#a245"
rel="eyeofhoruslrgtu.jpg"><img src="tn_eyeofhoruslrgtu.jpg" /></a>
<a href="http://www.brilliantgems.co.uk/acatalog/New_Magical_Range.html#aMRP0017"
rel="chalice.jpg"><img src="tn_chalice.jpg" /></a>
<a href="http://www.brilliantgems.co.uk/acatalog/Chakra-Caduceus-I-CH121.html#aCH121"
rel="chakracaduceus1.jpg"><img src="tn_chakracaduceus1.jpg" /></a>
<a href="http://www.brilliantgems.co.uk/acatalog/Crop_Circles.html#a414"
rel="cropcircleangel.jpg"><img src="tn_cropcircleangel.jpg" /></a>
<a href="http://www.brilliantgems.co.uk/acatalog/Goddess_Jewellery_Pendant.html#aGP102"
rel="goddessspiral.jpg"><img src="tn_goddessspiral.jpg" /></a>
<a href="http://www.brilliantgems.co.uk/acatalog/Chakra-Flower-of-Life-Earring-CH114.html#aCH114"
rel="chakraflowerearring.jpg"><img src="tn_chakraflowerearring.jpg"/></a>
<a href="http://www.brilliantgems.co.uk/acatalog/Gold_Jewellery.html#aGP-OM-001"
rel="gold_omlrg.jpg"><img src="tn_gold_omlrg.jpg"/></a>
<a href="http://www.brilliantgems.co.uk/acatalog/New_Magical_Range.html#aMRP0016"
rel="tor.jpg"><img src="tn_tor.jpg"/></a>
<a href="http://www.brilliantgems.co.uk/acatalog/One_off_Special_Pieces.html#aSP103"
rel="larimar_bluetopaz1.jpg"><img src="tn_larimar_bluetopaz1.jpg"></a>
<a href="http://www.brilliantgems.co.uk/acatalog/Pendulums.html#aP2S002"
rel="lapispendulum.jpg"><img src="tn_lapispendulum.jpg"></a>
<a href="http://www.brilliantgems.co.uk/acatalog/Crop_Circles.html#a212"
rel="cropcircle_floweroflifelrg.jpg"><img src="tn_cropcircle_floweroflifelrg.jpg"></a>
<a href="http://www.brilliantgems.co.uk/acatalog/Ancient_Symbols.html#a283"
rel="lotus6staromruby.jpg"><img src="tn_lotus6staromruby.jpg"></a>
<a href="http://www.brilliantgems.co.uk/acatalog/New_Magical_Range.html#aMRP0018"
rel="raven.jpg"><img src="tn_raven.jpg"></a>
<a href="http://www.brilliantgems.co.uk/acatalog/One_off_Special_Pieces.html#aLarFoL001"
rel="larimarfol.jpg"><img src="tn_larimarfol.jpg"></a>


</div>

My question is can this be added to the content tree by way of adding to the library/ variables etc? I would need 3 inputs One for the image, one for the thumbnail and one for the href link.

That way I can edit it from the content tree instead of having to hard code the html into the outer layer code page.

Any ideas would be greatly appreciated

Best wishes

Bhu

[Bhujang]

Would I have to create 3 diffeent variables for the 3 different inputs; image, thumbnail, href link? Or can it be done with one new variable set up right?
And how would the IMAGE code within the page go to the next Image?
i.e
Image1
Image2
image3

etc?

As there are many rel images with href links and each having a thumbnail too.

[Bhujang]

Im thinking i'll have to create variables for each image as well as a variable for each image href and thumbnail.

So variable1
IMAGE

variable 1.2

IMAGETHUMB

variable 1.3

IMAGELINK

variable 2

IMAGE2

variable 2.2

IMAGE2THUMB

variable 2.3

IMAGE2LINK

... so 6 new variable just for 2 product images!!!... and I have 12 images thats 24 new variables to create is that right?!

Then I'd add the code as follows onto the outer layout page...

<a href="IMAGELINK"
rel="IMAGE"><img src="IMAGETHUMB /></a>
<a href="IMAGE2LINK"
rel="IMAGE2"><IMAGE2THUMB /></a>

etc...

is that correct or is there an easier way?


Cheers

Bhu

[Bhujang]

The slide show is here...

www.brilliantgems.co.uk

Looks great

so looks like id need to add at least 36 new variables to do this lol ha ha

Might just leave it as html on the outerlayout page and edit that as need be...

Best wishes

Bhu