User:Meagan/Image scroller

From 2009.igem.org

< User:Meagan(Difference between revisions)
(New page: <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <script type="text/javascript" src="http://www.dynamicdrive.com/jquery/jquery-1.2.6.pack.js"></script> <script...)
 
Line 3: Line 3:
<head>
<head>
-
<script type="text/javascript" src="http://www.dynamicdrive.com/jquery/jquery-1.2.6.pack.js"></script>
+
<script type="text/javascript" src="https://2009.igem.org/User:Meagan/Scripts/jquery-1.2.6.pack.js&action=raw"></script>
-
<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex4/stepcarousel.js">
+
<script type="text/javascript" src="https://2009.igem.org/User:Meagan/Scripts/stepcarousel.js&action=raw">
/***********************************************
/***********************************************
Line 154: Line 154:
<!-- ### END OF DEMO #2 ###  -->
<!-- ### END OF DEMO #2 ###  -->
 +
 +
<!-- ### START OF DEMO from website code ###  -->
 +
 +
<script type="text/javascript">
 +
 +
stepcarousel.setup({
 +
galleryid: 'mygallerylong', //id of carousel DIV
 +
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
 +
panelclass: 'panel', //class of panel DIVs each holding content
 +
autostep: {enable:true, moveby:1, pause:3000},
 +
panelbehavior: {speed:300, wraparound:false, persist:true},
 +
defaultbuttons: {enable: true, moveby: 1, leftnav: ['arrowl.gif', -10, 100], rightnav: ['arrowr.gif', -10, 100]},
 +
statusvars: ['statusAlong', 'statusBlong', 'statusClong'], //register 3 variables that contain current panel (start), current panel (last), and total panels
 +
contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
 +
})
 +
 +
 +
</script>
 +
 +
<div id="mygallerylong" class="stepcarousel" style="width: 540px">
 +
<div class="belt">
 +
 +
<div class="panel">
 +
<img src="fruits.jpg" /><br />
 +
</div>
 +
 +
<div class="panel">
 +
<img src="cave.jpg" />
 +
</div>
 +
 +
<div class="panel">
 +
<img src="pool.jpg" />
 +
</div>
 +
 +
<div class="panel">
 +
<img src="autumn.jpg" />
 +
</div>
 +
 +
<div class="panel">
 +
<img src="dog.jpg" />
 +
</div>
 +
 +
</div>
 +
</div>
 +
</body>
</body>
</html>
</html>
 +
 +
[[User:Meagan/Image_scroller/test]]

Latest revision as of 14:50, 14 April 2009

Current Panel: Total Panels:
Back 1 Panel Forward 1 Panel
To 1st Panel Forward 2 Panels


User:Meagan/Image_scroller/test

Retrieved from "http://2009.igem.org/User:Meagan/Image_scroller"