I have done a jQuery slider using EasySlider which is supposedly IE6 compatible and have made a simple menu bar below.
I'm having issues with them both working in IE6.
I've set up a JSFiddle with the code here: http://jsfiddle.net/PVS5B/1/
Would really appreciate it if someone with good CSS knowledge have a look at my CSS and can figure out why it's not working.
In IE6 the slider comes up, but the slides don't appear apart from the YouTube clip and the menu background shows, but no menu options (#controlslider).
Thanks
Use another jquery slider, for example nivoslider.
IE was very young at that time, i guess only 6 years old :P when these awesome sliders came into being, so that's why IE cannot handle this, you cannot blame a child for this bug, children are innocent.
hope this helps.
Related
I'm having a problem with some JavaScript that makes the rollover menu on the right (aligning with the tick mark) work on an Elementor site I'm working on. I had a another dev work on the JavaScript, and I didn't notice this error right away. Now I can't get ahold of him.
The right nav looks perfect and it does exactly what it needs to do in Chrome and Firefox. But I see now that the right nav and tick link does not work in Safari.
Elementor support was kind enough to take a look at it and they said, "...your page has custom CSS for the fixed layout menu and also I found a console error regarding a snippet for the dividers. It seems there is custom code applied to the Elemtor dividers to style the fixed layout menu. This is more a Safari and the custom code/CSS is applied to the page issue.
Despite there being a known issue with the position: fixed CSS rule not working as intended in Safari, I have seen people find a workaround to it. However, the fixed layout menu has many custom CSS and custom code applied. I wasn't able to find an immediate workaround for the many customizations you have.
The only solution I found was to remove the custom CSS position fixed which will depend much on the needs and requirements of the site."
Can anyone point me in the right direction for a fix? Have you come across this problem before with your sites?
Thanks in advance for any help.
The site is here:
[http://farallon-dev.com]
I have a problem that the onHover state doesn't appear while the jQuery .cycle() plugin runs (tested on IE8, works fine in modern versions of Firefox and Chrome).
The site is located here: http://obh.co.il
The site is in Hebrew, but that shouldn't affect anything... When the slideshow images cycle, the red background on the drop-down menus doesn't appear (during its' onHover state).
Also, the image transition is a little laggy in IE, but perhaps that's just my computer not being good.
Could anyone find a possible solution?
Thanks!
Okay never mind, I found the solution. I had to apply the following IE-specific style to the sub-menu link anchors within the list items:
ul.sub-menu li a { filter: 0; }
I hope this can help someone out there.
Also, I'd love to hear a solution for the laggy transitions in IE8 if anyone's got any suggestions!
I was following a tutorial online for animating a background image to give a drop down effect. I was supposed to download a plugin but it seems that that plugin is not available anymore. Is there any other way to make the background animate? I've looked through similar answers but none of them have worked.
Here's the code on jsfiddle: Fiddle-Code
I want the drape.png image in the background to drop down like a curtain. Also what is the latest version of jquery?
thank you
The latest version of jQuery is 1.7.1
This sort of animation is presentational. Consider doing it with CSS3 animations and transitions. You will lose some browser support for the specific effect, but it will not interfere with functionality and will be easier to update and maintain.
Here is a simple example I made for you. Is this the effect you were looking for?
I have recently used a JQuery plugin called cycle to create slides of general HTML content in my homepage (www.inspirastudios.com). Everything looked OK in Firefox and Chrome but while browsing the site with a client I got the ugly surprise of Internet Explorer 7 rendering my slides within an ugly gray background. Do you know:
how to solve this, or
any decent javascript slideshow/carousel/slider library that supports general HTML (not only images), previous and next slide activation buttons?
Nivo slider has all the features that you are looking for. http://nivo.dev7studios.com/
You might be facing the following problem: jquery cycle IE7 transparent png problem
anyone know a plug in that can make a similar thing that is showed is the second example - (JC Play List Minimal Skin)
http://www.jumpeyecomponents.com/Flash-Components/User-Interface/JC-Play-List-285/examples.htm
only the scroll, not the background image
i have some problems with flash :)
thanks!
How about the HoverScroll jQuery Plugin? There's also this plugin, which isn't exactly the same as the Flash example.