Comments (3)
Hi!
If you could provide me with an URL with the code I could take a look.
/Thomas
from smooth-div-scroll.
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.
<!-- 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;
}
<h1>Multiple autoscrollers on one page</h1>
<br />
<div id="logoParade"></div>
![Caterpillar](images/demo/golf.jpg)
<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">
<href="http://www.ibm.com/" target="_blank">
<img src="images/demo/pencils.jpg" alt="IBM" border="0"/>
< href="http://www.valvoline.com/" target="_blank">
< href="http://www.hardrockcafe.com/" target="_blank">
<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">
< href="http://www.ibm.com/" target="_blank">
< href="http://www.cat.com/" target="_blank" id="startAtMe">
< href="http://www.valvoline.com/" target="_blank">
<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">
< href="http://www.ibm.com/" target="_blank">
< href="http://www.cat.com/" target="_blank" id="startAtMe">
< href="http://www.valvoline.com/" target="_blank">
< href="http://www.hardrockcafe.com/" target="_blank">
< href="http://www.quakerstate.com/" target="_blank">
<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");
});
});
});
});
from smooth-div-scroll.
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)
- jScrollPane and Smooth Div Scroll
- Click to center image function not working in scroll gallery HOT 1
- How to change horizontal scroll to vertical scroll in Smooth Div Scoll HOT 2
- Responsive Height
- scroll stopping when mouse out from left and right icons
- I've used this as a navbar on mobile devices and it's worked great until recently...
- Wrong setting when using kinetic.js
- Uncaught TypeError: Cannot read property 'show' of undefined HOT 2
- HTML5 Validation Messages Not Displayed
- Enable vertical Page-Scrolling HOT 4
- Can we use this plugin in commercial website? Is it free? Thanks. HOT 1
- pauseOnHover option when autoScrollingMode: "always" is applied HOT 1
- Still cannot click on href on touchscreens HOT 1
- The last div doesn't show up
- When touch scrolling is enabled, links within an individual block aren't clickable
- Auto Scroll Speed when Mouse approaches ARROWS
- jQuery 3 broke plugin... HOT 2
- Uncaught TypeError: $(...).smoothDivScroll is not a function HOT 1
- Uncaught TypeError: $(...).smoothDivScroll is not a function HOT 1
- Can possible to provide React integration example
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from smooth-div-scroll.