Giter Site home page Giter Site logo

failed initialization about smooth-div-scroll HOT 3 CLOSED

tkahn avatar tkahn commented on June 16, 2024
failed initialization

from smooth-div-scroll.

Comments (3)

tkahn avatar tkahn commented on June 16, 2024

Hi!

If you could provide me with an URL with the code I could take a look.

/Thomas

from smooth-div-scroll.

redrose321 avatar redrose321 commented on June 16, 2024

yeah sure thing-

I haven't hosted the file as yet,just trying to get the basics to work locally first ,so I can't get file here the way I'd like
but I'm sure you get the idea s I haven't changed much from your own code.

<title>Demo - jQuery Smooth Div Scroll - Thomas Kahn</title>
<!-- the CSS for Smooth Div Scroll -->
<link rel="Stylesheet" type="text/css" href="css/smoothDivScroll.css" />

<!-- Styles for my specific scrolling content -->

<style type="text/css">

#makeMeScrollable
{
width:100%;
height: 330px;
position: relative;
}

    #makeMeScrollable div.scrollableArea img
    {
        position: relative;
        float: left;
        margin: 0;

#logoParade, #logoParadeTwo, #logoParadeThree
{
width: 500px;
height: 75px;
position: relative;
}

div.scrollableArea a img
{
padding-right: 25px;
float: left;
}

</style>
    <h1>Multiple autoscrollers on one page</h1>
<br />
    <div id="logoParade"></div>
Caterpillar
              <a href="http://www.kmart.com/" target="_blank">
<img src="images/demo/field.jpg" alt="K-mart" border="0"/>

< href="http://www.radioshack.com/" target="_blank">
Radio Shack

<href="http://www.ibm.com/" target="_blank">

<img src="images/demo/pencils.jpg" alt="IBM" border="0"/>

< href="http://www.valvoline.com/" target="_blank">
Valvoline

< href="http://www.hardrockcafe.com/" target="_blank">
Hars Rock Cafe

<href="http://www.quakerstate.com/" target="_blank">

<img src="images/demo/dog.jpg" alt="Quaker State" border="0"/>



<href="http://www.kmart.com/" target="_blank">

<img src="images/demo/field.jpg" alt="K-mart" border="0"/>

< href="http://www.radioshack.com/" target="_blank">
Radio Shack

< href="http://www.ibm.com/" target="_blank">
IBM

< href="http://www.cat.com/" target="_blank" id="startAtMe">
Caterpillar

< href="http://www.valvoline.com/" target="_blank">
Valvoline

<href="http://www.hardrockcafe.com/" target="_blank">

<img src="images/demo/leaf.jpg" alt="Hars Rock Cafe" border="0"/>

<href="http://www.quakerstate.com/" target="_blank">

<img src="images/demo/dog.jpg" alt="Quaker State" border="0"/>



<href="http://www.kmart.com/" target="_blank">

<img src="images/demo/field.jpg" alt="K-mart" border="0"/>

< href="http://www.radioshack.com/" target="_blank">
Radio Shack

< href="http://www.ibm.com/" target="_blank">
IBM

< href="http://www.cat.com/" target="_blank" id="startAtMe">
Caterpillar

< href="http://www.valvoline.com/" target="_blank">
Valvoline

< href="http://www.hardrockcafe.com/" target="_blank">
Hars Rock Cafe

< href="http://www.quakerstate.com/" target="_blank">
Quaker State





<div id="reference" style="width: 1px; height; 1px;"></div>



<script src="js/jquery-1.7.2.js" type="text/javascript"></script>


<script src="js/jquery-ui-1.8.18.custom.min1.js" type="text/javascript"></script>


<!-- Smooth Div Scroll 1.2 minified-->
<script src="js/jquery.smoothdivscroll-1.2-min.js" type="text/javascript"></script>


<!-- Plugin initialization -->
<script type="text/javascript" >

    (function($){(document).ready(function () { 

        (function($){("#logoParade").smoothDivScroll({
            autoScrollingMode: "always",
            autoScrollingDirection: "endlessloopleft",
            autoScrollingStep: 1,
            autoScrollingInterval: 45,
                            ajaxContentURL: "ajaxContent.html"

        });

        (function($){("#logoParadeTwo").smoothDivScroll({
            autoScrollingMode: "always",
            autoScrollingDirection: "endlessloopright",
            autoScrollingStep: 2,
            autoScrollingInterval: 5,
            ajaxContentURL: "ajaxContent.html" 
        });

        (function($)("#logoParadeThree").smoothDivScroll({
            autoScrollingMode: "always",
            autoScrollingDirection: "endlessloopleft",
            autoScrollingStep: 1,
            autoScrollingInterval: 15,
            ajaxContentURL: "ajaxContent.html" 
        });

        // First logo parade
        $("#logoParade").bind("mouseover", function () {
            $(this).smoothDivScroll("stopAutoScrolling");
        }).bind("mouseout", function () {
            $(this).smoothDivScroll("startAutoScrolling");
        });

        // Second logo parade
        $("#logoParadeTwo").bind("mouseover", function () {
            $(this).smoothDivScroll("stopAutoScrolling");
        }).bind("mouseout", function () {
            $(this).smoothDivScroll("startAutoScrolling");
        });

        // Thirs logo parade
        $("#logoParadeThree").bind("mouseover", function () {
            $(this).smoothDivScroll("stopAutoScrolling");
        }).bind("mouseout", function () {
            $(this).smoothDivScroll("startAutoScrolling");
        });

});
});
});

</script> });

from smooth-div-scroll.

redrose321 avatar redrose321 commented on June 16, 2024

ok I realise that the code above is not the best representation of my problem-but moving to the bottom line,is there any reason why the page would be static and not render the slideshow- or is there an example that you could present me with that i could work my way from if thats not too much to ask, id really love to be able to use the multiple scroller on my upcoming sites.
Your time and answers will wildly appreciated.

from smooth-div-scroll.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.