InsaneJournal

Tweak says, "Thor: HAMMER TIME!"

Ally -- are you already gone? (wastintime) wrote in rp_tutorials,
@ 2011-03-29 12:31:00

Entry tags:

tools: html

Customizable HTML Slideshow

Live Example

←

→

Caption

←

→

Link Caption

←

→

long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption

Code

<lj-raw><center><div style="width:600px;height:440px;overflow:hidden;text-align:center;font-family:Bookman Old Style;font-size:12px;color:black;">

<a name="one"></a><br />
<a href="#three" style="text-decoration:none;">←</a> <a href="#two"><img src="http://i.imgur.com/QC8wh.jpg" style="height:350px;border:2px solid #888;padding:4px;"></a> <a href="#two" style="text-decoration:none;">→</a><br />
<div style="overflow:auto;height:60px;">Caption</div>

<a name="two"></a><br />
<a href="#one" style="text-decoration:none;">←</a> <a href="#three"><img src="http://i.imgur.com/J03pJ.jpg" style="height:350px;border:2px solid #888;padding:4px;"></a> <a href="#three" style="text-decoration:none;">→</a><br />
<div style="overflow:auto;height:60px;"><a href="" target="_blank" style="text-decoration:none;">Link Caption</a></div>

<a name="three"></a><br />
<a href="#two" style="text-decoration:none;">←</a> <a href="#one"><img src="http://i.imgur.com/teZJ5.jpg" style="height:350px;border:2px solid #888;padding:4px;"></a> <a href="#one" style="text-decoration:none;">→</a><br />
<div style="overflow:auto;height:60px;">long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption</div>

</div></center></lj-raw>

Go nuts with it!

Based off of this code.

Questions/Feedback?
Leave a comment to this post. Thanks!

	evaakeru 2011-04-09 07:04 am UTC (link)
	No problem!! It took two of us, but we got it to behave. Thanks :-) (Reply to this) (Parent)