I'm using a feature carousel on my new website - this is a horrible test version but take look and you'll see my problem - [URL]... It works fine in Chrome, FF and IE9 - however in IE8 and IE7, on the fade, an ugly black outline is added to the transparent PNG.
Does anybody know how I can remove the black outline in IE8 and IE7.
I know this is a known issue but I have had no luck with finding a fix for the issue I am getting with IE8. I get a nasty black border around my png that I am using the Jquery fade function. Does anyone have any useful hacks/tricks to fix this?
View 2 Replies View RelatedI'm trying to create a slide show using the script here:[URL]Here's my page.[URL] The problem is in IE (I'm testing this in IE7) there is a small black rectangle that displays in the fade. (I've tested this in Opera, Safari and Chrome. It works in all. I also tested it using an IE tester [URL]. Only 8 and 6 versions work correctly.) I can see on the dynamic drive page the slide show works correctly.I've tried changing the "background='black'" in the .js in a variety of places to transparent and tried to put an image, a transparent .png, in place of the background. No success with either one.
View 4 Replies View RelatedI am using and modifying the sample demo page and have a error on IE:
Using:
The fade effect on IE causes that the image shadow.png appears black on border for a while, fade effect is too uggly, firefox and safari works fine. Now I have to set fade=0 only to support IE7.
<a href="http://jqueryui.com/demos/sortable/#connect-lists">http://jqueryui.com/demos/sortable/#connect-lists</a>
I was wondering if anyone knew of code like this that handled embedded lists that would work like an Outline
have image buttons which display gray outline when link depressed in IE. Anyway to remove this through js ?
View 6 Replies View RelatedI'm trying to make a spry menu bar for a website. It looks great in DW CS3, and when I preview it in different browsers, it works. However, once uploaded, when I look on the web, it's displaying in outline form rather than a menu. Why is that and how could it be fixed?URL...
View 5 Replies View RelatedI want to display the question and answer in the following way. When
the user moves his mouse to one question, the question will be expanded
to show detailed answer of that question.
For example,
1. What is UML?
2 How to implement it?
3 What is the advantage of UML?
When i move the mouse to the Question 1, the question will be expaned
and have a detailed answer of it; if i don't move to there, the
outline won't expand.
I search for a long time, but have no clue.
What functions should be use???
Trying to make code that adds a hover event to all html elements within a certain container. On hover the element should be outlined by adding/removiing a css class. Thats the first thing and I can't get that to work with the code below.
The second part is to keep the element outlined when its clicked, and also when selecting multiple elements by (ctrl+click).
Have searched for a outline plugin, but came up with nothing.
I am working on an application where the user is able to draw using square images placed using absolute positions. The user can draw any shape but it must always be connected. I now need to work out the outline of the shape they created. The only information I have is the x y of the pictures that were placed. Its driving me crazy... I tried to work out a system of looping through all the pictures and seeing if there were any images touching.
My most recent idea was to make the javascript select the images and see if I could get the coordinates of the shape from there... In simple I need a way of merging the images into a shape rather than separate entities.
This is a really basic question: what does blur mean, or what does it do when used in links as described below? I've tested it on Firefox 3.6 and Opera 11 and it behaves as I hope except for one thing. During testing if I use both keyboard and mouse to navigate within the same session, the browser history for the 'other' method is wiped out; it won't go backwards beyond the most recently used method. Is this not a surprise when you know what blur really means? I want the following (assuming Javascript is enabled):
a) Keyboard users to see a focus outline on navigation links.
b) Keyboard users to see the outline still there if they use the browser Back button, and continue tabbing from that link onwards.
c) Mouse users to NOT see an outline if they use the browser Back button.
[Code]....
I found this script for a navigation fade-in/fade-out and I want to modify it so it'll only trigger the fade-in/fade-out functions of the span class is NOT set to active. Here is the javascript:
Code:
$(function() {
$("#nav ul#menu li span.active").css("opacity","1");
$("#nav ul#menu li span.active").hover("opacity","1");[code].....
It's the part of the code beneath the comment CONDITIONALS BELOW that I want to be able to only trigger it if span is not set to class .active.
have this Multiple Image Viewer very similar, -in fact almost identical- to the one in the main page of economist.com It uses the following code and its woriking nice,
Code:
function switch_product_img(divname, divnumber, divtotal) {for (var i=1; i<=divtotal; i++) {
var showDivName = divname + '_' + i;
[code]....
This is a really awesome script that I'm sure all of you can put to use if you haven't yet heard of it. However, I'm trying to get it to fade a background image on my css styled navigation for my a:hover. Here is the script with a little simple tutorial on how to set it up: [URL] My only other knowledge is in PHP, so after about 2 hours of fail in this client-side language
This is the link to my site so far: [URL] You can see the script working as it is on my little yellow MW logo on the right side of the navigation. So in my scenario, I am looking to fade button.png to button-hover.png (both repeating on the x axis).
I want to do this work but I don't know how to do this:
when sb click on the image , a new windows will open and show the picture but all around it becomes dark .
I have attached an example in which sb clicked on the image and the new windows opened and showed the image bigger .
i have attached the image
how can I do so?
I have a gallery style page with rectangular images on laid out like a grid of nine. When the user looks at the page there is just the images and no information, but when they hover over the image I would like some text and a bar underneath to show up over the top so the user can read some information.my images sit in "a" tags. There is also a div tag in there which has it's z-index and position (absolute) set up so that it sits over the top of the image element in the "a" tag. stripped down e.g.
<a href="#"><img.... /><div>the info</div></a>
I need the div tag withinin the "a" tag to be set to 0 opacity. When the user hovers over the image the div tag slowly fades in to 100% opacity. Once the user moves the mouse away from the image the div tag slowly disappears again.I need each one to work independently so that it only changes the one currently being hovered over.
I am php developer,[URL]... a fade in fade out effect (image + text) which is working very nice but Can i do this like with text on top(not on an image)and image below it like header : text below that an image
example
<table>
<tr><td> header for image</td></tr>
<tr><td> image here</td></tr>
</table>
Can you pls suggest any other script to display an html page or pages like this just the way i had defined above in fade in fade out ....
I'm having problems with my text appearing aliased and turning blue when it fades in and out. I've tried using the Newsticker plugin and the Easyticker plugin, and I'm getting the same result in IE7 and Firefox 3.6. I'm using jQuery 1.2.6-min Specifying a background color doesn't fix it. The examples on the plugin websites look fine, but when I try and implement the effect myself, my orange text becomes aliased and fades to a light blue color before dipping to white. Same thing happens on the fade in. attached is a screenshot of what I'm seeing.
View 4 Replies View RelatedI taught it to myself without even having any true JavaScript experience and am sure that while functional, many of my implementations could/should be written completely differently. I'm running some animations that look great in everything except for IE. In IE I'm seeing a thin, ragged black border around some of the elements that I'm animating.
View 1 Replies View RelatedWhen the site loads it takes a while for all the scripts to load and then the images to settle down - more so in IE, naturally. I would like to display a black screen or cover everything with a div while it settles down. I have tried a few Timeout scripts but they appear to be conflicting and don't work. how I can either display a blank screen while it all settles down or just avoid the problem all together.[URL]
View 3 Replies View RelatedCode:
<strike>I am a boy</strike>
I like to make the strike line in red, and the text "I am a boy" in black.
I'm learning javascript, and was wondering if it was Possible to have buttons/links that you click, the whole page fades out, and then fade's in, with different stuff. here are my ideas for just changing the stuff
Text: 1. having a javascript src file to start, and then when the button is clicked, that is formatted to white, the text layer is moved down, and a new javascript file is loaded?
This is probably a basic question as I am a beginner with Javascript/JQuery. Here is my code for the head and body elements, what am I doing wrong as nothing is happening. Is it my element id? I just want the whole dive to fade when the page opens and to fade in over mouse over. Here is the code:
[Code]...
What I would like to do is enable swapping between the black images? I would like to drag and drop to another image and that image will fill up the dragged earlier image position?
View 1 Replies View RelatedI created a button with 2 states for mouse-over effects using css sprites. This has always worked well and I have no issues. I recently added some jquery to my buttons to create a smooth transition for the mouse over and this is where I see the issue. When the page is initially loaded the image looks fine. When I hover over the image there is a brief flash of black around the transparent edges then the transition begins and everything looks okay. When I un-hover the image shows the black edges. From this point any time the image is in the un-hovered state the edges are black, and when I hover the black goes away.
Example: [URL]
Here is the jquery code:
$('p.rss-button a')
.css({ 'backgroundPosition': '0 0' })
.hover(
function(){
$(this)
.stop()
.animate({
'opacity': 0
}, 325);
}, function(){
$(this)
.stop()
.animate({
'opacity': 1
}, 325);
});
i'm sure this is an easy fix, [URL] trying to get rid of the black background around the smaller pictures in the slideshow.
View 3 Replies View Related