Comments (7)
I fixed this issue by changing my own CSS, so it's not really a Blueberry issue. I was sizing my images using the CSS width:100%; height:auto.
It does seem like Blueberry crops your images by default, am I right? It would be nice to have an option to either crop or scale your slider images. I've added this to my fork.
from blueberry.
I have this issue as well and I can't fix it by altering my CSS like @gregpriday mentions.
Anyone know of another solution?
from blueberry.
I have traced this issue down to the following code...
$(window).resize(function(){
setsize();
});
When ever the rotate is triggered with these three lines enabled you get a jump to the top.
from blueberry.
My issue was caused by having image height and width set on the elements. How this causes $(window).resize to jump to the top of the page I don't know...
from blueberry.
I'm not sure why a CSS changed fixed the issue for me, and not for you. The only thing I can suggest is that you wrap the image in a fixed size div before the image is resized and remove the wrapper afterwards. I'll take a look at the issue and see if I can fix it in my fork.
from blueberry.
I finally fixed this issue by modifying the rotate function. I changed it to start fading in the new image before it started fading out the old image. A very simple fix.
So this is what the first few lines of my rotate function look like now
slides.eq(next).fadeIn(o.duration).addClass('active').queue(function(){
//add rotateTimer function to end of animation queue
//this prevents animation buildup caused by requestAnimationFrame
//rotateTimer starts a timer for the next rotate
rotateTimer();
$(this).dequeue()
});
slides.eq(current).fadeOut(o.duration).removeClass('active');
from blueberry.
Hi Greg, following these instructions seems to break the slider if a user double clicks on the pagination instead of single clicks, may need to add a disable attr to the link thats currently active to fix this.
from blueberry.
Related Issues (14)
- Slider does not work correctly if there are more than one on the same page. HOT 1
- Selecting the pagination options doesn't doesn't interrupt slide timer HOT 1
- Multiple instances of slideshow
- Changing slide with pager during slide transition causes timing to break HOT 1
- Left arrow navigation causes empty slide HOT 1
- Slides get changed by arrows or spacebar in form elements
- Weird z-index issue in IE9
- navigation to left error.
- Please Tag a Release
- Performance Issues on IE(8), crashes on resize. HOT 1
- Nothing displays until the page has loaded, slider has zero height.
- Slider timing becomes sparodic when using keyboard navigation HOT 1
- Caption
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 blueberry.