I am using Pictureslides (jquery slideshow); I would like to know how to write HTML (paragraphs and links) within the Javascript on line 29 of the code below, which is in the head of my HTML document.
Code:
01.<script type="text/javascript">
02.    jQuery.PictureSlides.set({
03.        // Switches to decide what features to use
04.        useFadingIn : true,
05.        useFadingOut : true,
06.        useFadeWhenNotSlideshow : true,
07.        useFadeForSlideshow : true,
08.        useDimBackgroundForSlideshow : true,
09.        loopSlideshow : false,
10.        usePreloading : true,
11.        useAltAsTooltip : true,
12.        useTextAsTooltip : false,
13. 
14.        // Fading settings
15.        fadeTime : 500, // Milliseconds
16.        timeForSlideInSlideshow : 2000, // Milliseconds
17. 
18.        // At page load
19.        startIndex : 1,
20.        startSlideShowFromBeginning : true,
21.        startSlideshowAtLoad : false,
22.        dimBackgroundAtLoad : false,
23. 
24.        // Large images to use and thumbnail settings
25.        images : [
26.            {
27.                image : "pictures/1.jpg",
28.                alt : "Picture 1",
29.                text : "<p>I WOULD LIKE TO HAVE A COUPLE OF PARAGRAPHS </p>
<p>AND A <a href="#">LINK</a> IN THIS TEXT </p>"
30.            },
31.            {
32.                image : "pictures/2.jpg",
33.                alt : "Picture 2",
34.                text : "This is picture 2",
35.                url : "http://robertnyman.com"
36.            },
37.            {
38.                image : "pictures/3.jpg",
39.                alt : "Picture 3",
40.                text : "This is picture 3",
41.                url : "http://456bereastreet.com"
42.            } // NOTE! No comma after the last object
43.        ],
44.        thumbnailActivationEvent : "click",
45. 
46.        // Classes of HTML elements to use
47.        mainImageClass : "picture-slides-image", // Mandatory
48.        imageLinkClass : "picture-slides-image-link",
49.        fadeContainerClass : "picture-slides-fade-container",
50.        imageTextContainerClass : "picture-slides-image-text",
51.        previousLinkClass : "picture-slides-previous-image",
52.        nextLinkClass : "picture-slides-next-image",
53.        imageCounterClass : "picture-slides-image-counter",
54.        startSlideShowClass : "picture-slides-start-slideshow",
55.        stopSlideShowClass : "picture-slides-stop-slideshow",
56.        thumbnailContainerClass: "picture-slides-thumbnails",
57.        dimBackgroundOverlayClass : "picture-slides-dim-overlay"
58.    });
59.</script>
I have tried simply adding the mark up as above but it breaks the slideshow (image appears in a _blank page instead of fading in)