• Page 1 of 1
  • 1
Archive - read only
uCause Community » Trash & Archives » Trash » Simple Slider Tutorial (Maybe not that simple. :/)
Simple Slider Tutorial
13053121k0Date: Sunday, 2010-11-21, 11:52 PM | Message # 1
Member
Group: Senior Members
Messages: 229
Awards: 0
Reputation: 2
Status: :-(
@none.png
its not that beautiful. but its not flash so i liked it.

heres the script. put it on before </head>

Code


<script type="text/javascript" src="/jquery-1.2.6.pack.js"></script>
         
     <style type="text/css">
         
     /*Make sure your page contains a valid doctype at the top*/
     #simplegallery1{ //CSS for Simple Gallery Example 1
     position: relative; /*keep this intact*/
     visibility: hidden; /*keep this intact*/
     border: 2px Solid Yellow;
     }
         
     #simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
     text-align: left;
     padding: 2px 5px;
     }
         
     </style>
         
     <script type="text/javascript" src="/simplegallery.js">
         
     /***********************************************
     * Simple Controls Gallery- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
     * This notice MUST stay intact for legal use
     * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
     ***********************************************/
         
     </script>
         
     <script type="text/javascript">
         
     var mygallery=new simpleGallery({
     wrapperid: "simplegallery1", //ID of main gallery container,
     dimensions: [516, 230], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
     imagearray: [
     ["PICTURE URL HERE", "Link Here", "_blank", "Description"],
     ["PICTURE URL HERE", "Link Here", "_top", "Description"],

     autoplay: [true, 5000, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
     persist: false, //remember last viewed slide and recall within same session?
     fadeduration: 500, //transition duration (milliseconds)
     oninit:function(){ //event that fires when gallery has initialized/ ready to run
     //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
     },
     onslide:function(curslide, i){ //event that fires after each slide is shown
     //Keyword "this": references current gallery instance
     //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
     //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
     }
     })
         
     </script>


*The instruction can be seen inside the CODE*

then put this code where you want it to appear.

Code

<div id="simplegallery1"></div>

then download this to your file manager by right clicking and copying the link and pasting the link on file manager...

http://befr.ucoz.com/jquery-1.2.6.pack.js
http://befr.ucoz.com/simplegallery.js
http://befr.ucoz.com/left.gif
http://befr.ucoz.com/pause.gif
http://befr.ucoz.com/play.gif
http://befr.ucoz.com/right.gif

hope that helps. o.O

a working slider can be seen here.


Visit my Website: http://uCore.uCoz.com/ - It's worth a visit. Different approach on uCoz!
Still looking for members. Once I reached 50 members then I'll convert uCore to HTML5. YAY!!


Message edited by 13053121k0 - Monday, 2010-11-22, 1:40 AM
 
0 Thanked you For This Useful Post:
AcidDate: Monday, 2010-11-22, 0:04 AM | Message # 2
Member
Group: Senior Members
Messages: 473
Awards: 8
Reputation: 14
Status: :-(
@none.png
provide screen or demo.


 
0 Thanked you For This Useful Post:
13053121k0Date: Monday, 2010-11-22, 0:47 AM | Message # 3
Member
Group: Senior Members
Messages: 229
Awards: 0
Reputation: 2
Status: :-(
@none.png
done.


Visit my Website: http://uCore.uCoz.com/ - It's worth a visit. Different approach on uCoz!
Still looking for members. Once I reached 50 members then I'll convert uCore to HTML5. YAY!!
 
0 Thanked you For This Useful Post:
AloyashaDate: Monday, 2010-11-22, 1:56 AM | Message # 4
Member
Group: Senior Members
Messages: 282
Awards: 0
Reputation: 2
Status: :-(
@none.png
oh nice, Job! 13053121k0.


 
0 Thanked you For This Useful Post:
jackassDate: Monday, 2010-11-22, 2:16 AM | Message # 5
Member
Group: Senior Members
Messages: 262
Awards: 4
Reputation: 8
Status: :-(
@none.png
Sweet smile


 
0 Thanked you For This Useful Post:
DeepthehackerDate: Thursday, 2011-09-22, 6:36 AM | Message # 6
Member
Group: Senior Members
Messages: 49
Awards: 1
Reputation: 1
Status: :-(
Code
<a href="javascript://" onclick="new _uWnd('myName','Why to Donate ?',500,500,{autosize:1,maxh:500,minh:100},'Every donation will take the site to another level!  
Finally we want to thank anyone who support this site!

');">(Why?)</a>
not working at allllll cry


 
0 Thanked you For This Useful Post:
SirDarknight(Tonmoy)Date: Thursday, 2011-09-22, 12:15 PM | Message # 7
Member
Group: Senior Members
Messages: 894
Awards: 10
Reputation: 15
Status: :-(
None of the links work. The site befr.ucoz.com is no longer live

Thread is closed


Please Give Me A Award or + Rep If My Post Helps You

Please Give Me A Award or + Rep If You Like my Scripts
 
0 Thanked you For This Useful Post:
AnimorphDate: Thursday, 2011-09-22, 7:24 PM | Message # 8
uCause forum Admin
Group: Developer
Messages: 2835
Awards: 73
Status: :-(
Thread Trashed Dead links
 
0 Thanked you For This Useful Post:
uCause Community » Trash & Archives » Trash » Simple Slider Tutorial (Maybe not that simple. :/)
  • Page 1 of 1
  • 1
Search:


"Making uCoz web designs simple and easy to use"
- uCause Developers