text box in photo slider II

[fingertips]

I need help with the code for photo slider II to allow for more then one line for text under the photo. Can anyone provide the changes I need to make to allow this to happen. The simple \n does not work. This only adds a space between the text. Thanks

[Mr J]

In order to get any help you need to post some code or a url

Do not assume that people will know the script you are talking about

[fingertips]

Sorry about that here it is

<script language="JavaScript1.1">

/*
Photo Slider II- By Kevin Adams (kadams70@hotmail.com)
For this script and more
Visit http://www.javascriptkit.com
*/

var photos=new Array()
var text=new Array()
var which=0
var what=0

//Change the below variables to reference your own images. You may have as many images in the slider as you wish
photos[0]="galleries/landscape_and_animals/A Bog in Sandwich, NH.jpg"
photos[1]="galleries/landscape_and_animals/Blue Grass.jpg"
photos[2]="galleries/landscape_and_animals/Cat at Dusk.jpg"
photos[3]="galleries/landscape_and_animals/Chicken.jpg"
photos[4]="galleries/landscape_and_animals/Granby Bog.jpg"
photos[5]="galleries/landscape_and_animals/Ocean Wave.jpg"
photos[6]="galleries/landscape_and_animals/R.I. Beach.jpg"
photos[7]="galleries/landscape_and_animals/Seagull.jpg"
photos[8]="galleries/landscape_and_animals/Spider Web.jpg"
photos[9]="galleries/landscape_and_animals/Stream at Mcleans Conservation, Granby, CT.jpg"
photos[10]="galleries/landscape_and_animals/Sunset with Ocean Grass, R.I..jpg"
photos[11]="galleries/landscape_and_animals/Tide Pool.jpg"
photos[12]="galleries/landscape_and_animals/White Heron.jpg"

//change coresponding description
text[0]="Amaryllis"
text[1]="Cacrus Flower!"
text[2]="Cactus Flower"
text[3]="Cymbidium Orchid."
text[4]="Daffadil!"
text[5]="Easter Lilly"
text[6]="Iris B."


function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which];
what--
document.rotater.description.value=text[what];
}
}

function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
what++
document.rotater.description.value=text[what];
}
else window.status='End of gallery'
}

function type()
{
alert("This textbox will only display default comments")
}


</script>
<p><input type=text name="description" style="width:400px" size=50>

<p><input type="button" value="<<Back" name="B2"
onClick="backward()"> <input type="button" value="Next>>" name="B1"
onClick="forward()"><br>
<a href="#" onClick="which=1;what=1;backward();return false"><small>Start Over</small></a></p>
</center></div>
</form>

[Mr J]

You will have to use a div instead of a text box

PHP Code:

<script type="text/javascript">

/*
Photo Slider II- By Kevin Adams (kadams70@hotmail.com)
For this script and more
Visit http://www.javascriptkit.com
*/

var photos=new Array()
var text=new Array()
var which=0
var what=0

//Change the below variables to reference your own images. You may have as many images in the slider as you wish
photos[0]="galleries/landscape_and_animals/A Bog in Sandwich, NH.jpg"
photos[1]="galleries/landscape_and_animals/Blue Grass.jpg"
photos[2]="galleries/landscape_and_animals/Cat at Dusk.jpg"
photos[3]="galleries/landscape_and_animals/Chicken.jpg"
photos[4]="galleries/landscape_and_animals/Granby Bog.jpg"
photos[5]="galleries/landscape_and_animals/Ocean Wave.jpg"
photos[6]="galleries/landscape_and_animals/R.I. Beach.jpg"
photos[7]="galleries/landscape_and_animals/Seagull.jpg"
photos[8]="galleries/landscape_and_animals/Spider Web.jpg"
photos[9]="galleries/landscape_and_animals/Stream at Mcleans Conservation, Granby, CT.jpg"
photos[10]="galleries/landscape_and_animals/Sunset with Ocean Grass, R.I..jpg"
photos[11]="galleries/landscape_and_animals/Tide Pool.jpg"
photos[12]="galleries/landscape_and_animals/White Heron.jpg"

//change coresponding description
text[0]="Amaryllis"
text[1]="Cacrus Flower!<br>other text"
text[2]="Cactus Flower<br>Some other text"
text[3]="Cymbidium Orchid."
text[4]="Daffadil!"
text[5]="Easter Lilly"
text[6]="Iris B."


function backward(){
if(which>0){
window.status=''
which--
document.images.photoslider.src=photos[which];
what--
document.getElementById("description").innerHTML=text[what];
}
}

function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
what++
document.getElementById("description").innerHTML=text[what];
}
else window.status='End of gallery'
}

function type()
{
alert("This textbox will only display default comments")
}


</script>


<img name="photoslider" src="galleries/landscape_and_animals/A Bog in Sandwich, NH.jpg">
<div id="description" style="width:400px">Amaryllis</div>

<p>
<input type="button" value="<<Back" name="B2" onClick="backward()"> 
<input type="button" value="Next>>" name="B1" onClick="forward()"><br>
<a href="#" onClick="which=1;what=1;backward();return false"><small>Start Over</small></a>
</p> 


Here's another example for you to look at

http://www.huntingground.freeserve.c...y/img_gal2.htm

[fingertips]

Mr J excellent link to the image gallery 2. After hours of working with it i cannot get the slideshow to play properly. Depending on where I move the image holder it either play or starts then stops. Can you take a look.

http://www.ngartsite.com/ngartsite/o...ngs_test3.html