Grow your CSS skills. Land your dream job.

Jquery, javascript and css help please

  • # January 29, 2010 at 2:56 am

    hi Friends please some help me customize this slide viewer with 15 images for me please. They gave every thing there. Am not good at jacascipt and jquery. please help me.

    regards
    soumya

    http://www.gcmingati.net/wordpress/wp-c … lugin.html

    # January 29, 2010 at 9:55 am

    Then learn Javascript and JQuery? If you’re not even going to attempt it why should we do it for you?

    Have a go with what they have provided. If you then get stuck, show us what you have and someone may help you. As far as I can see, all you need to do is copy their code and add the images into the list. The JQuery they have written will detect the number of images and display the gallery accordingly.

    Rob
    # January 29, 2010 at 10:29 am

    Mark is right Soumya, we wont do it for you but we will help you do it :)

    Just so you know Javascript and jQuery are fundamentally the same thing – the difference is that jQuery uses Javascript – its what is called a library.

    You might be surprised at just how easy getting into jQuery is, if you have a look here:

    viewtopic.php?f=5&t=4316

    And you can also check out the demos and documentation on the revamped jQuery site: http://api.jquery.com

    Good luck!

    # January 30, 2010 at 1:01 am

    Am so sorry or the inconvenience . Am new this coding and heres my mark up and css .

    This is Markup:

    Code:
    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">









    • abc defrg thysu ooip jkifbtg fff
    • abc defrg thysu ooip jkifbtg fff
    • abc defrg thysu ooip jkifbtg fff
    • abc defrg thysu ooip jkifbtg fff
    • abc defrg thysu ooip jkifbtg fff



    Here’s the css:

    Code:
    @charset “utf-8″;
    /* CSS Document */
    #wrapper{
    height: 600px;
    width: 800px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    }
    /* slideViewer 1.0 default styles */
    .svw {width: 50px; height: 20px; background: #fff;}
    .svw ul{position: relative; left: -999em;}

    .stripViewer { /* this is the DIV container for your UL of images */
    position: relative;
    overflow: hidden;
    border: 5px solid #ff0000; /* this is the border. should have the same value for the links */
    margin: 0 0 1px 0;
    }
    .stripViewer ul { /* this is your UL of images */
    position: relative;
    left: 0;
    top: 0;
    width: 1%;
    list-style-type: none;
    }
    .stripViewer ul li { /* each image is arranged horizontally */
    float:left;
    }
    .stripTransmitter { /* this is the DIV for your transmitter (the UL generated at run time that commands the list)*/
    overflow: auto;
    width: 1%;
    }
    .stripTransmitter ul { /* the auto-generated set of links */
    position: relative;
    list-style-type: none;
    }
    .stripTransmitter ul li{ /* in this list too, each LI is arranged horizontally */
    width: 20px;
    float:left;
    margin: 0 1px 1px 0;
    }
    .stripTransmitter a{ /* the links. */
    font: bold 10px Verdana, Arial;
    text-align: center;
    line-height: 22px;
    background: #ff0000;
    color: #fff;
    text-decoration: none;
    display: block;
    }
    .stripTransmitter a:hover { /* hover */
    background: #c50000;
    color: #fff;
    }
    .stripTransmitter a.current, .stripTransmitter a.current:hover { /* current */
    background: #fff;
    color: #ff0000;
    }
    /* end slideViewer default styles */

    p {padding: 2em 0 0 0;}

    code {
    width:93%;
    font: normal 1em/1.3em ‘Courier New’, Courier, Fixed;
    color: #000;
    display: block;
    padding: 0;
    margin: 0;
    background-color: #fff;
    white-space: pre;
    overflow-x: auto;
    }
    #tooltip {
    background: #fff;
    color: #000;
    opacity: 0.85;
    border: 5px solid #dedede;
    }
    #tooltip h3 {
    font: normal 10px Verdana;
    margin: 0;
    padding: 6px 2px;
    border: 0;
    }

    # February 17, 2010 at 3:00 am

    How to check if clients computer allows javascript? Hi, I am making a website that has java in it, I need some help with some code that checks whether someone has javascript enabled, and if not asks them to turn it on. Any help would be appreciated.
    _________________________
    market samurai ~ marketsamurai ~ marketsamurai.com

    # February 17, 2010 at 5:32 pm
    "madinlee" wrote:
    How to check if clients computer allows javascript? Hi, I am making a website that has java in it, I need some help with some code that checks whether someone has javascript enabled, and if not asks them to turn it on. Any help would be appreciated.

    Java and Javascript are two totally different things

    To check if Javascript is disabled use the <noscript> tags like so:

    Code:
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".