InsaneJournal

Tweak says, "pdenny is the bomb"

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!

	wastintime 2011-03-29 11:32 pm UTC (link)
	It actually is his arch nemesis Chris Allen. (Reply to this) (Parent)