I have several images as thumbnails on my page and applied the 'changeImg()' function the onmouseover event. It then shows the thumbnail image as 'big' image at a certain position. It looks kind of boaring and it would be nice to apply jquery to have a nice effect problem: after quite some time I still don't seem to be able to integrate it into the existing javascript function.
[Code]...
I was trying to apply an alpha of 50% to a div but using opacity with CSS but it is not validated in CSS 2.1.
View 5 Replies View RelatedI want to show a few products, (3 columns x 2 rows), when user clicks some links (LINK 1, LINK 2, LINK 3), these productos change for another six.
To show new products, Im using scriptaculous opacity effect. Everything works correctly on firefox and chrome, but on IE it shows 1 column x 6 rows.
You can see it here:[url]
I was wondering if it is possible to trigger this effect with a class name rather than an ID? In looking at the wiki I do not see a way to do so.
I have tried this:
I've created a slide show out of HTML and CSS but I'm trying to add an opacity effect so that when the link is clicked the image fades in from nothing.At the moment on click the image fades to zero straight away;
Code:
window.onload = initAll;
function initAll () {
[code]....
I have a question about an example of a card game and i would really appreciate any help i could get.Below are the codes i have used for it: Html code:
Code:
<html>
<head>
<title>Poker Solitaire</title>[code].........
I want to apply a roll-over effect(with an image named "p.gif")but only if the card is currently a blank card.It it possible to do it without using regular expressions?
I am seeking to change the color attribute in my CSS file under the ID's #realmaturesingles and #seniorpeoplemeet upon the hovering of these links. These two ID's are initialized inside an <a> tag (these are links). How can I do this with JavaScript? This is what I tried:
Code:
<script type="text/javascript">
$('#seniorpeoplemeet').FontEffect({
gradient:true,
mirror:true,
mirrorColor:"#CCC"
})
[Code]...
Im having a bit of trouble with the bounce show effect from jquery ui. To see what I mean, check out my development site. Anytime you modify a part in this computer builder, the rigth side gets updated. Right now its removing and adding list items. Problem is when click items too fast, the animation doesnt finish and the next item gets bumped lower and lower.
[Code]...
I am using scriptaculous effect in my script.
But it is giving following error.
Code:
It is giving Error Effect is not defined.
Is there anyway to get the value of the opacity of a div using javascript. I tried to use the following syntax but it returns and undefined value code...
View 3 Replies View Relatedhere is my [URL].. Basically when mouseover I animate the opacity. Works well in Firefox but in IE 8, the shadow appear on the text. Is there anything I miss out or is there any problem with my PNG file?
View 4 Replies View RelatedI originally tried this but found it to be quite problematic: [URL]I don't think it's jQuery 1.4 compatible either.I then went on to try a JavaScript script that I found elsewhere, but that also brings up new problems!All I need is a simple bug-free jQuery plugin that will fix the opacity bug in IE6.
View 2 Replies View RelatedI am seeing a weird issue where the dialog opacity does not work with IE8 browsers controlled by settings under a Windows Group policy. I can run IE8 from my house and the dialog opacity works fine. Does anyone know what Group Policy setting might turn off opacity in IE8?
View 2 Replies View RelatedI'm currently using the following code to animate three boxes on page load:
Code:
function animateVideo(){$('.video').animate({opacity:1.0,top:"-=50px"},500,"swing");}
function animateProduct(){$('.product').animate({opacity:1.0,top:"-=50px"},500,"swing");}
function animateMap(){$('.map').animate({opacity:1.0,top:"-=50px"},500,"swing");}
[Code]...
I've been told i can use the jQuery effect fadeTo() which will work, however i'm not sure how to adapt my animate() code to use the fadeTo() function at the same time as moving.
I have a real problem with the google maps API in IE7/8, the "powered by google" which i can't remove due to the t&c's loses its alpha transparency when i apply opacity to it "to acheive the sliding in effect" seen here: [URL] I'm trying to set the alpha back using this:
Code:
$('#map_canvas div div a div div').css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=http://maps.gstatic.com/intl/en_gb/mapfiles/poweredby.png)");
(jQuery)
But this does not seem to do anything, and looking at the source in firebug Lite for IE, it seems this is already set on multiple div's surrounding the logo anyhow.
<div>
<li></li>
<li></li>
<li><ul><li></li></ul></li>
<li></li>
</div>
I want to apply an attribute only to the li tags which do not contain a UL, and I'm having a hard time writing the statement. It should look something like this:
[Code]...
I would like to apply an opacity on my navigation roll over,
View 5 Replies View RelatedIE6 is reporting an error for this line:
Code:
$('#receptioncontent').animate({opacity: 'toggle', height: 'toggle'}, 'fast');
The error is:
"Unexpected call to method or property access."
It's strange because (I think) everything on the page works correctly - so I don't understand the error. If I uncomment the line above there are no errors.
jQuery version is 1.3.2 I'm testing in IE6 on Windows XP SP3. How can I stop this error from being reported?
okkkkk so I have the following code
$(document).ready(function(){
$("#slideshow_container").load("content/slideshow",function(){
$("#slideshow_container").tabs("#slideshow_container > img",{
effect:"fade",
rotate:true,
}).slideshow({
interval:slideInterval
})
})
});
I'm trying to get width() and height of $("#slideshow_container img") which is what is loaded from 'content/slideshow' however it seems that the img are not loaded in time for thecompletefunction run, however the html etc is. I need to just add$("#slideshow_container img").center() but every time i do it the width and hieght of the img are 0 but the img elements are in fact there
i had to include the script for this div in the request because when i don't do that the script does not apply on the div.is there a way to make it apply without the need to refresh it ?in other words how to make scripts apply on newly updated content. because i noticed they don't
View 2 Replies View RelatedI have 2 divs on a page, the outer div has an inner div nested within it, both have different background images set to them. I managed to program the following fine:
$(function(){
$("div.outer").hover(
function() {
$("div.inner").stop().animate({"opacity": "0"}, "slow");
},
function() {
$("div.inner").stop().animate({"opacity": "1"}, "slow");
});
});
So that when you hover over the div, the inner div with the background image fades in, and then out on rollout. Why will the following code not slide the inner div up and down:
$(function() {
$("div.outer").hover(
function() {
$("div.inner").stop().animate({top:"-200px"},{queue:false,duration:200});
},
function() {
$("div.inner").stop().animate({top:"0px"},{queue:false,duration:200});
});
});
I am using jQuery 1.5 min.
i am working with opacity. i dont want to include child tr with the table element opacity.
View 1 Replies View Relatedaccording to the api, the fadeTo method can now be called with just an opacity in 1.4.3, no duration, however, i cant get it to work. here's a jsbin with what i've tried: [URL]if i modify .fadeTo(0) to .fadeTo('slow',0) it works.
View 3 Replies View RelatedIve used this tutorial code...
But when I hover over the Wrapper DIV the Description DIV also fades.
I want the Description DIV to remain at 100 opacity even when I hover over the wrapper.
Is that possible?
I have experimented in a variety of ways, and when I use the opacity CSS attribute, it kills the next level of the menu in IE6, FF as always no prob. Thus, when I had the CSS opacity code to <ul>, <li> does not appear. If I add it to <ul><li>, then the second level
<ul><li> <li>
does not appear. The menu's next level does not slide down, or out...
E.g. I am adding:
.sf-menu li li {
filter: alpha
opacity=80
;
}
To the Custom CSS field in the Joomla mod_superfishmenu module. I am using jQuery 1.2.6 and loading all SuperFish JS after mootools.js. I have also tried add it directly to superfish.css. I would love to add the animation, but can't get beyond opacity.
How can i set the background opacity of jquery dialog without setting modal:true?I need this possibility because i can not use modal:true (i am using forms inside the dialog box
View 2 Replies View Related