I can not figure this out.. looking all through the source files, etc.
Github, Google, and Stackoverflow ALL use the same scrollbar js library, whatever it is. Just scroll real quick and you'll see.check out a picture here if you need to
Can somebody PLEASE tell me what this is?! It's obviously not CSS, it has to be Javascript and I've been spending hours looking for it..
Note that the picture I linked to is what it looks like when you manually move it with your mouse. Otherwise it's black, a little skinner with no background on the track. The track is transparent.
That's the default scroller for Chrome on a Mac computer. You'll find that's how it is on every website by default.
Related
I made all the webpages in html5, css and js and used google chrome to see the result.
When I change the pc for example, the structure of the webpage changes completely...
I think it has something to do with position relative and absolute but not sure...
Here it is sample fiddle, the webpage for now is just 5 images that I can navigate with 4 keys from keyboard,
sorry for my english...
Can anyone help me?
Are the screens different 'sizes'. Check the resolution of the displays. That's most likely your issue.
It sounds like you're positioning your elements based on the size of your screen. This would be fine if everyone had your screen.
If you could provide your code, I could further assist on how to remedy your situation.
In the meantime, try reading more into css positioning: http://css-tricks.com/almanac/properties/p/position/
I used the Ken Burns effect by the code seen on the click to go to site
It is working now. But it is not much quality as you can see on this website too.
It is not smooth and looks bit vibrating.
Can anyone tell me a way to smooth this animation like we can see on Visual Slideshow software??
Thanks!!
Here's an article that details rolling your own: http://jqueryfordesigners.com/image-cross-fade-transition/
It also includes a link to download the plug-in that they detail.
Before you tune out and label this as a dreadful question, please listen, I am aware that there are many jQuery plugins that flip images / content. My problem however involves something a little more difficult.
My problem is that a client wants their logo to constantly flip at a slow rate (this is not much of a problem) but when the logo is flipped halfway, instead of the image having 0 width they want the logo to appear a little "3D" so that when you are viewing it head on, it actually has a width.
I've googled around a bit but really can't seem to find a plug-in that achieves this, is it even possible?
If you're having trouble visualising what I mean when I say flip, see this demo
In the end we gave up on a JavaScript solution (it was going to be near impossible to have a reasonable cross browser solution)
So we ended up using jquery reel to accomplish this (why we didn't think of sprites earlier I'll never know!)
I have found some 3D Flipping image examples, so please try for it.
http://jquery.vostrel.cz/reel
http://www.360-javascriptviewer.com/learning-centre/code-examples/multiple-360-images-page.html
http://blog.stableflow.com/jquery-plugins/360-degrees-product-view/
if you wan to create codebins for it then click on link http://codebins.com/
I am hoping to build my navigation bar into something like:
http://www.taylorhowes.com/#/portfolio/knightsbridge?imageid=1
where the navigation links appear and disappear on mouseover from a specified area of the page. Is this possible without using Flash (I have CS5 but have never used Flash before and find it all slightly daunting!!).
If this is possible in css and javascript, does anyone know of anywhere online where I could find a tutorial or a script to manipulate to implement on my site?
Thanks!
JD
This is definitely possible to do without Flash. Look into jQuery. Specifically: http://api.jquery.com/animate/
There are so many things here, it is hard to point you in a specific direction, but that should get you started with what you want to do.
You can achieve similar effects using JavaScript and CSS.
There are some javascript navigations that you can copy & paste to your site, for example: http://www.menubasic.com/Menu/Menus.aspx?p=1
I remember seeing this on Ajaxian and a couple other sites but I never bookmarked it, now i can't find it again. It's a javascript library that allows you to move your mouse over an image that's been chopped into layers and change perspective. Any links would be appreciated.
Are you talking about parallax scrolling?
http://webdev.stephband.info/parallax.html