Slider Editing, Help Needed Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
2 posters

    Slider Editing, Help Needed

    RsS.YuGi
    RsS.YuGi
    RsS.YuGi
    Forumember


    Male Posts : 120
    Reputation : 4
    Language : English
    Location : Palestine
    • Post n°1

    Slider Editing, Help Needed Empty Slider Editing, Help Needed

    Post by RsS.YuGi July 8th 2013, 12:08 am

    Hello Forumotion,

    I have this slider I'm trying to do another thing with.

    this is the code for it:

    Code:
    <html>
       <head>
          <title>HTML Online Editor Sample</title>
       </head>
       <body>
          <table align="center" border="1" cellpadding="1" cellspacing="1" style="width: 750px;">
             <tbody>
                <tr>
                   <td>
                      <center>
    <html>
       <head>
          <title></title>
       </head>
       <body>
          <p>
             <span style="color:#ff8c00;"><strong><span style="font-size: 16px;"><span style="font-family: arial, helvetica, sans-serif;">Online Magazine</span></span></strong></span></p>
       </body>
    </html>



    <style type="text/css">
    .picshow { z-index:444; position:relative; background-color:#ffffff; width: 100%; height: 135px}
    .picshow_main { position: relative; width: 900px; height: 135px}
    .picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 740px; height: 400px}
    .picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 100px;}
    .picshow_change img {width:15px; height: 15px}
    .picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px;  -display: inline}
    a.axx { border-color: #555}
    a.axx:hover {border-color: #000}
    a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4}
    a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0}
    a.bxx { border-color: #000}
    a.bxx:hover {border-color: #000}
    img{border:0px}
    </style>

    <script language="javascript">

     var counts = 4;

     

     img1 = new Image(); img1.src = 'http://i.imgur.com/i18ilXa.png';
     img2 = new Image(); img2.src = 'http://i.imgur.com/i18ilXa.png';
     img3 = new Image(); img3.src = 'http://i.imgur.com/i18ilXa.png ';
     img4 = new Image(); img4.src = 'http://i.imgur.com/i18ilXa.png';

     var smallImg = new Array();

     smallImg[0] = 'http://i.imgur.com/1j32ONw.png';
     smallImg[1] = 'http://i.imgur.com/Plgu5lG.png';
     smallImg[2] = 'http://i.imgur.com/YtpaZDx.png';
     smallImg[3] = 'http://i.imgur.com/1dfPLEu.png';

     url1 = '   ';
     url2 = '   ';
     url3 = '    ';
     url4 = '    ';

     alt1 = new Image(); alt1.alt = 'A1';
     alt2 = new Image(); alt2.alt = 'A2';
     alt3 = new Image(); alt3.alt = 'A3';
     alt4 = new Image(); alt4.alt = 'A3';

     var nn = 1;
     
     var key = 0;
     
     function change_img() {
      if (key == 0) {
      key = 1;
      } else if (document.all) {
      document.getElementById("pic").filters[0].Apply();
      document.getElementById("pic").filters[0].Play(duration = 2);
      }
      eval('document.getElementById("pic").src=img' + nn + '.src');
      eval('document.getElementById("url_theme").href=url' + nn);
      eval('document.getElementById("pic").alt=alt' + nn + '.alt');
      if (nn == 1) {
      document.getElementById("url_theme").target = "_blank";
      document.getElementById("url_theme").style.cursor = "pointer";}
      else {
      document.getElementById("url_theme").target = "_blank"
      document.getElementById("url_theme").style.cursor = "pointer"
      }
      for ( var i = 1; i <= counts; i++) {
      document.getElementById("xxjdjj" + i).className = 'axx';
      }
      document.getElementById("xxjdjj" + nn).className = 'bxx';
      nn++;
      if (nn > counts) {
      nn = 1;
      }
      tt = setTimeout('change_img()', 7000);
     }
     
     function changeimg(n) {
      nn = n;
      window.clearInterval(tt);
      change_img();
     }

     function ImageShow() {
      document.write('<div class="picshow_main">');
      document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>');
      document.write('<div class="picshow_change">');
      for ( var i = 0; i < counts; i++) {
      document.write('<a href="javascript:changeimg(' + (i + 1)
        + ');" id="xxjdjj' + (i + 1)
        + '" class="axx" target="_self"><img src="' + smallImg[i]
        + '"></a>');
      }
      document.write('</div></div>');
      change_img();
     }
    </script>

    <script language="javascript" type="text/javascript">
     ImageShow();
    </script> </center></td>
                </tr>
             </tbody>
          </table></body>
    </html>
    It doesn't need any css or jave or anything.

    what I need to change in it is:

    -Removing the linkable (just images without linking to anything).
    -Make the numbers be at the bottom.
    -Stop the auto scrolling.

    I've tried myself, but I don't have any idea how to do it.
    help Razz
    • Back to top
    kirk
    kirk
    kirk
    Forumaster


    Male Posts : 11037
    Reputation : 653
    Language : English,Vulcan,Klingon, Romulan,& Gorn
    • Post n°2

    Slider Editing, Help Needed Empty Re: Slider Editing, Help Needed

    Post by kirk July 8th 2013, 8:05 pm

    where did you get the code. and where are you adding it to your forum?

    all i am getting is this as a sample. no working links or anything.
    so will need to know where you got it from to see how it is all being set up etc..
    • Back to top