Adding text box into existing page

[coothead]

Hi there theremotedr,

use this amended HTML...

		<script  src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
		<script  src="js/jquery.tmpl.min.js"></script>
		<script  src="js/jquery.easing.1.3.js"></script>
		<script  src="js/jquery.elastislide.js"></script>
		<script  src="js/info.js"></script>
		<script  src="js/gallery.js"></script>

The info.js file contains just this code...

   var info = [
               '1 Welcome to The Attic Banwell where you can find Furniture & Shabby Chic items.',
               '2 Heading away from Morissions,going down Wolvershill rd, go over M5 then turn right.',
			   '3 This is slide 3',
			   '4 This is slide 4',
			   '5 This is slide 5',
			   '6 This is slide 6',
			   '7 This is slide 7',
			   '8 This is slide 8',
			   '9 This is slide 9',
			   '10 This is slide 10',
               '11',
			   '12',
			   '13',
			   '14',
			   '15',
			   '16',
			   '17',
			   '18',
			   '19',
			   '20',
               '21',
			   '22',
			   '23',
			   '24',
			   '25',
			   '26',
			   '27',
			   '28',
			   '29',
			   '30',
               '31',
			   '32',
			   '33',
			   '34',
			   '35',
			   '36',
			   '37',
			   '38',
			   '39',
			   '40',
               '41',
			   '42',
			   '43',
			   '44',
			   '45',
			   '46',
			   '47',
			   '48',
			   '49',
			   '50',
               '51',
			   '52',
			   '53',
			   '54',
			   '55',
			   '56',
			   '57',
			   '58',
			   '59',
			   '60',
               '61',
			   '62',
			   '63',
			   '64',
			   '65',
			   '66',
			   '67',
			   '68',
			   '69',
			   '70',
               '71',
			   '72',
			   '73',
			   '74',
			   '75',
			   '76',
			   '77',
			   '78',
			   '79',
			   '80',
               '81',
			   '82',
			   '83',
			   '84',
			   '85',
			   '86',
			   '87',
			   '88',
			   '89',
			   '90'
           ];

...which is what you probably require.

Check out the attachment for the two js files.

coothead

[theremotedr]

Hi,
Thanks for that,now applied.


Here is an example that i will face very soon no doubt.

Lets just use thumbnail 2 in this case.

I sell this item & now as its sold i need to delete it so its not shown in the slide show.
So not only do i delete the image but i also need to delete the text above its main image of which lives in the info js file you just sent.

BUT

When i delete the description in the info js file the problem you will have is then the description of the thumbnail after will be above the thumbnail before.
Thus having the text above the main image out of sync with the image that its supposed to be describing.

Does this make sense as you know what im like!

[coothead]

Hi there theremotedr,

Note the last item in an array must not have a trailing comma.

It may prevent the code from running.

So this...

			   '87 Alice in wonderland chair',
			   '88 Alice in wonderland chair',
           ];

...should be this...

			   '87 Alice in wonderland chair',
			   '88 Alice in wonderland chair',
			   '89 Alice in wonderland chair'
           ];

coothead

[theremotedr]

OK,
I thought it was a mistake so i added it ha ha.

Does this now rule out my last post #12 or will my last post still be valid ?

[coothead]

Hi there theremotedr,

this...

			   '85 Alice in wonderland chair',
			   '86 Alice in wonderland chair',
			   '87 Alice in wonderland chair',
			   '88 Alice in wonderland chair'
           ];

...should be this...

			   '85 Alice in wonderland chair',
			   '86 Alice in wonderland chair',
			   '87 Alice in wonderland chair',
			   '88 Alice in wonderland chair',
			   '89 Alice in wonderland chair'
			   '89 Alice in wonderland chair'
           ];

...as you have five chairs.

Re: post #12

I would suggest that you just remove the numbering of the info.
It will make it a great deal easier for you when adding or removing items.

coothead

[theremotedr]

Ok,
I thought they had to stay as you sent me them like that,shows what i know.

Just to confirm the following please then i will continue tomorrow.

I have removed all the numbers in the info js file, So do i also delete the 1 at the start of that line of code in the html file or do i leave it ?

<div id="info">1 Welcome to The Attic Banwell where you can find Furniture & Shabby Chic items.</div>

In your last post you wrote,

			   '85 Alice in wonderland chair',
			   '86 Alice in wonderland chair',
			   '87 Alice in wonderland chair',
			   '88 Alice in wonderland chair',
			   '89 Alice in wonderland chair'
			   '89 Alice in wonderland chair'

Was the last 2 a typo as 2 x , , are missing & should only be one,like so ?

	           ' Alice in wonderland chair',
			   ' Alice in wonderland chair',
			   ' Alice in wonderland chair',
			   ' Alice in wonderland chair',
			   ' Alice in wonderland chair'

Many thanks for your valid time spent helping me.
I hope to help you out again in the future.

[coothead]

1. So do I also delete the 1 at the start of that line of code in the html file or do i leave it?
2. Was the last 2 a typo as 2 x , , are missing & should only be one,like so ?

1. Yes
2. Yes, I am sorry about that, I must have suffered a little Brain Fart.

coothead

[coothead]

Hi there theremotedr,

I have noticed that sometimes the code would freeze, so
I have amended the javascript to prevent that happening

You might also find it helpful to number the HTML thumbnail li elements and the info.js.
This would enable you to amend matching items when sold.

See the attachment.

coothead

[theremotedr]

Hi,

I will change these files now.

Can you show me an example please of numbering them so i can follow / edit from there.

[coothead]

Hi there theremotedr,

I have already done it in the amended files.

Examples...

HTML

<li data-num="1"><img src="images/thumbs/007.jpg" alt="Shabby Chic Furniture In Banwell BS29 6LB" data-large="images/fulls/007.jpg" data-description="Please select an image below <br> to be shown a larger version"></li>
<li data-num="2"><img src="images/thumbs/008.jpg" alt="Shabby Chic Furniture In Banwell BS29 6LB" data-large="images/fulls/008.jpg" data-description="We are 1/4 mile from Morrisons W-S-M<br> go over M5 bridge then turn in right"></li>
<!-- For sale items start here -->
<li data-num="3"><img src="images/thumbs/100.jpg" alt="Shabby Chic Furniture In Banwell BS29 6LB" data-large="images/fulls/100.jpg" data-description="Keepsake box £20 <br> H 90cm W 27cm D 35cm"></li>

JavaScript

 var info = [
               /*1*/ 'Welcome to The Attic Banwell where you can find Furniture & Shabby Chic items.',
               /*2*/ 'Heading away from Morissions,drive down Wolvershill rd, go over M5 bridge then turn in right.',
	       /*3*/ 'Keepsake box',

cothead