Quantcast
Channel: SliderWall Forum - SliderWall
Viewing all articles
Browse latest Browse all 46

HTML content

$
0
0
Newbie looking to get an example of Sliderwall skin with html content. I know it must all seem obvious what to do to most here, but I have no clue.

I basically want to know how to add html content into the example files;

I want to change this code with this example /thumbs_image_slideshow.html to add basic html

<div rel="slide">
					<div rel="type">image</div>
					<div rel="title">Title 2</div>
					<div rel="description">Description 2 (click on the image to open somesite.com)</div>
					<div rel="content">../images/02.jpg</div>
					<div rel="thumbnail">../thumbnails/02.jpg</div>
					<div rel="target_url">[www.somesite.com<];
					<div rel="target_window">_blank</div>
				</div>

So If I wanted to put some text in a box ... like your example [files.jumpeyecomponents.net]

Just that text to the right. Nothing too fancy.

What would I need to do to the code. On your example above you have this html

<div rel="slide">
					<div rel="type">html</div>
					<div rel="title"></div>
					<div rel="description"></div>
					<div rel="content">
						
						<div class="example5_slide" id="example5_slide3">							
							<a style="position:absolute;" href="[www.jumpeyecomponents.com]; TARGET="_blank">
									<img src="images/jc_collection.jpg">
								</a>
								<div style="position:absolute;margin:77px 0 0 400px;">
									<div style="margin-left:8px;">
										<a href="[www.jumpeyecomponents.com]; TARGET="_blank">
											<img src="images/jccollection_logo.png">
										</a>
									</div>
									<div style="color:#696969;font-size:17px;text-shadow: 0 -1px 0 #000000;margin:6px 0 0 12px;line-height:24px;">
							JC Collection is a special pack that includes<br>
						all JC components at a special price.<br>
						Includes JC Player, JC Loader, JC Thumb Viewer,<br>
						JC Panorama, JC Flash Map and JC Text Editor.
									</div>
									<div style="color:#696969;font-size:12px;margin:36px 0 0 10px;line-height:16px;">
						SAVE 50% by getting this special pack.			
									</div>
									<div style="color:#7f7f7f;text-shadow:1px -1px 0 #000000;font-size:20px;margin:5px 0 0 9px;line-height:25px;">
						<b>Now only <span style="color:#ffffff;letter-spacing:-2px;">$99</span></b>		
									</div>
									<div style="margin:35px 0 0 10px;line-height:19px;text-decoration:underline;>
										<a href="[www.jumpeyecomponents.com]; class="viewmore_link" TARGET="_blank">View more</a>
									</div>
								</div>
						</div>
						<img id="slide2_icons" src="images/slide3_icons.png"/>
					</div>
					<div rel="target_url"></div>
					<div rel="thumbnail">thumbnails/thumb3.jpg</div>
					<div rel="thumbnail_title">JC Collection</div>
					<div rel="thumbnail_description">Include all JC components at ...</div>
				</div>

I tried to just copy and paste along with the images into the /thumbs_image_slideshow.html example and it all went wrong. Nothing appeared. No slider at all.

What do I do please?

Regards

Viewing all articles
Browse latest Browse all 46

Trending Articles