I have a webpage I wish to implement in DNN how would I do this?
here is the code example the url is not valid:
http://www.w3.org/TR/xhtml1/DTD/xht...tional.dtd">
AccordionImages <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <br /> <script type="text/javascript" src="js/jquery.gridAccordion.min.js"></script> <br /> <br /> <script type="text/javascript"> <br /> <br /> jQuery(document).ready(function($){ <br /> $('.accordion').gridAccordion({width:900, <br /> height:600, <br /> columns:5, <br /> distance:8, <br /> openedPanelWidth:'max', <br /> openedPanelHeight:'max', <br /> alignType:'centerCenter', <br /> slideshow:true, <br /> panelProperties:{ <br /> 0:{captionWidth:200, captionHeight:35, captionTop:30, captionLeft:30}, <br /> 4:{captionWidth:150, captionHeight:100, captionTop:30, captionLeft:650}, <br /> 7:{captionWidth:310, captionHeight:35, captionTop:350, captionLeft:40}, <br /> 8:{captionWidth:300, captionHeight:40, captionTop:150, captionLeft:35}, <br /> 11:{captionWidth:150, captionHeight:120, captionTop:300, captionLeft:30}, <br /> 14:{captionWidth:300, captionHeight:40, captionTop:30, captionLeft:50}, <br /> 16:{captionWidth:150, captionHeight:120, captionTop:150, captionLeft:10}, <br /> 18:{captionWidth:300, captionHeight:40, captionTop:130, captionLeft:50} <br /> }}); <br /> }); <br /> <br /> </script> <br /> <br /> </head> <br /> <br /> <body> <br /> <ul class="accordion"> <br /> <li> <br /> <img src="http://prom.com/image1.jpg"/> <br /> <div class="caption">This is just a simple caption.</div> <br /> </li> <br /> <li> <br /> <img src="http://prom.com/image2.jpg"/> <br /> </li> <br /> <li> <br /> <img src="http://prom.com/image3.jpg"/> <br /> </li> <br /> <li> <br /> <img src="http://prom.com/image4.jpg"/> <br /> </li> <br /> <li> <br /> <img src="http://prom.com/image5.jpg"/> <br /> <div class="caption"><u>Title</u><br/><br/>This is a list of items:<ul><li>first item</li><li>second item</li><li>third item</li></ul></div> <br /> </li> <br /> <li> <br /> <img src="http://prom.com/image6.jpg"/> <br /> </li> <br /> <li> <br /> <img src="http://prom.com/image7.jpg"/> <br /> </li> <br /> <li> <br /> <img src="http://prom.com/image8.jpg"/> <br /> <div class="caption">Captions can have any position and any size.</div> <br /> </li> <br /> <li> <br /> <img src="http://prom.com/image9.jpg"/> <br /> <div class="caption">Add <b>HTML</b> elements like <a href="http://prom.com">links</a> or <input type="button" value="Buttons"/></div> <br /> </li> <br /> <li> <br /> <img src="http://prom.com/image10.jpg"/> <br /> </li> <br /> <li> <br /> <img src="http://prom.com/image1.jpg"/> <br /> </li> <br /> <li> <br /> <img src="http://prom.com/image2.jpg"/> <br /> <div class="caption"><u>Title</u><br/><br/>This is a list of items:<ul><li>first item</li><li>second item</li><li>third item</li></ul></div> <br /> </li> <br /> <li> <br /> <img src="http://prom.com/image3.jpg"/> <br /> </li> <br /> <li> <br /> <img src="http://prom.com/image4.jpg"/> <br /> </li> <br /> <li> <br /> <img src="http://prom.com/image5.jpg"/> <br /> <div class="caption">Add <b>HTML</b> elements like <a href="http://prom.com">links</a> or <input type="button" value="Buttons"/></div> <br /> </li> <br /> <li> <br /> <img src="http://prom.com/image6.jpg"/> <br /> </li> <br /> <li> <br /> <img src="http://prom.com/image7.jpg"/> <br /> <div class="caption"><u>Title</u><br/><br/>This is a list of items:<ul><li>first item</li><li>second item</li><li>third item</li></ul></div> <br /> </li> <br /> <li> <br /> <img src="http://prom.com/image8.jpg"/> <br /> </li> <br /> <li> <br /> <img src="http://prom.com/image9.jpg"/> <br /> <div class="caption">Add <b>HTML</b> elements like <a href="http://prom.com">links</a> or <input type="button" value="Buttons"/></div> <br /> </li> <br /> <li> <br /> <img src="http://prom.com/image10.jpg"/> <br /> </li> <br /> </ul> <br /> </body> <br /> </html>