so i have a page where i want a 2 second image intro then for the image to fade to the acutal page. maybe some sort of table that has a onload that after 2 seconds fades into the actual page? i could not figure it out.

Member Avatar
Member Avatar
+0 forum 1

Using the Load and Unload events of the Forms add these subs to handle a simple fade in and out effect. This is not limited to just one form. The subroutine definition can be added to any global class allowing the use on any form or sub-form.

Member Avatar
Member Avatar
+3 forum 6

Hi all I've created simple javscript gallery using previous and next links. The problem is that I want fade effect between images like this: [url]http://tobia.github.com/CrossSlide/[/url] I've pasted few lines of jquery code in my javascript functions but the fade effects aren't the same. Any help will be greatly appreciated. Best regards. [CODE] <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript"> var NumberOfImages = 12 var img = new Array(NumberOfImages) img[0] = "images/1.jpg" img[1] = "images/2.jpg" img[2] = "images/3.jpg" img[3] = "images/4.jpg" img[4] = "images/5.jpg" img[5] = "images/6.jpg" img[6] = "images/7.jpg" img[7] = "images/8.jpg" img[8] = "images/9.jpg" img[9] = "images/10.jpg" img[10] = …

Member Avatar
Member Avatar
+0 forum 6

here is the HTML <body style="margin:80px;padding:10px;"> <div id="Stage" class="EDGE-10822169"> <div id="wrapper"> <div id="navMenu"> <ul> <li><a href="">IL Brand</a>- <ul> <li><a href="">il nuovo marchio</a></li> <li><a href="">il nuovo marchio</a></li> <li><a href="">il nuovo marchio</a></li> <li><a href="">il nuovo marchio</a></li> <li><a href="">il nuovo marchio</a></li> <li><a href="">il nuovo marchio</a></li> </ul><!--ul mrena --> </li><!--fundi i LI --> </ul><!--fundi i UL --> <ul> <li><a href="">IL Brand</a> <ul> <li><a href="">il nuovo marchio</a></li> <li><a href="">il nuovo marchio</a></li> <li><a href="">il nuovo marchio</a></li> <li><a href="">il nuovo marchio</a></li> <li><a href="">il nuovo marchio</a></li> <li><a href="">il nuovo marchio</a></li> </ul><!--ul mrena --> </li><!--fundi i LI --> </ul><!--fundi i UL --> <ul> <li><a href="">IL Brand</a> <ul> <li><a href="">il …

Member Avatar
Member Avatar
+0 forum 7

I have this simple slideshow script and just need to make the divs fade in/out when the user clicks 'prev' and 'next' arrow. Currently there is no effect atall which looks a bit harsh. I'm sure this can't be too difficult - however, I'm new to this stuff - Thanks. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>A Basic Slideshow</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <style type="text/css"> #slideshow { border: 1px solid #ccc; padding: 10px; width: 600px; height: 280px; } #slideshow ul { position: relative; list-style: none; padding: 0; margin: 0; } #slideshow …

Member Avatar
Member Avatar
+0 forum 1

I have the following code on a website, And my issue is that this code given below fades the flash file on all the browsers that I use on a Mac computer, But when I use windows it only fades the flash file on Google Chrome, but does not fade on Mozilla, Internet Explrorer or anyother browsers... <script type="text/javascript"> $(document).ready(function() { $("#cmg").hide(0); $(".cont").hide(0); $(".cont").delay(3300).fadeIn(1000); $(".cont").click(function() { $(".flashfade").fadeOut(2000); $(".fade").fadeOut(2000); $("#cmg").delay(2000).fadeIn(2000); }); }); </script> </head> <body id="splash"> <div > <div id="ucbody"> <div class="fade"> <div class="flashfade" style="margin-bottom:-30px;"> <embed src="swf/flashl.swf" width="520" height="520" bgcolor="#66991C"> </embed> </div> <br /> <div class="cont"> Click here to continue </div> …

Member Avatar
Member Avatar
+0 forum 1

I want to make a button in my page "click here" when i click the page should fade and show some text.then u can close the text box. thanks please keep it simple i am 14 years old <URL SNIPPED>

Member Avatar
Member Avatar
+0 forum 1

Hi! I have a form (which is in html(the rest of my coding done in PHP)) that prompts user to choose image, type in title and choose status and after pressing confirm button script uploads image and its details to MySQL database. I'm trying to fade whole screen or disable all buttons on the page or display animation or all of that together to prevent user from pressing submit button few times. Any simple fade function in Javascript, JQuery or Ajax. I know nothing about those languages and don't have much time left to learn it. I've tried for couple …

Member Avatar
Member Avatar
+0 forum 2

Hello! I'm making a fading splash screen for a software but I can't seem to make the splash screen fade in and then fade out. It only fades in, fades out a bit then stop. Here's my code. Thanks in advance! [CODE=VB.NET]Private Sub frmSplashScreen_Load(sender As Object, e As System.EventArgs) Handles Me.Load Opacity = 0.0 SplashScreenTimer.Start() End Sub Private Sub SplashScreenTimer_Tick(ByVal sender As Object, ByVal e As System.EventArgs) Handles SplashScreenTimer.Tick Dim Appeared As Boolean = False If Not Appeared Then Opacity += 0.05 If Opacity >= 1.0 Then Appeared = True SplashScreenTimer.Interval = 5000 End If End If If Appeared Then …

Member Avatar
Member Avatar
+0 forum 5

Hi guys, I need one hide and show div with fade effect. please help me to find. i have one button when user mouse click that button , it show one div block with fade effect. and i want to stay on the open div. in div tag i have one form so must stay open div. and when i mouse out from button and that div, it automatically hide div. one reference site : [url]http://jsfiddle.net/pborreli/pJgyu/[/url] in this site, click on share button. i need same like that. Please help me t find this jack

Member Avatar
Member Avatar
+0 forum 3

Using the Load and Unload events of the Forms add these subs to handle a simple fade in and out effect. This is not limited to just one form. The subroutine definition can be added to any global class allowing the use on any form or sub-form. This is the converted post from my VB.NET Snippet

Member Avatar
Member Avatar
+1 forum 7

i am making a javascript slide show. i am using this code for js: [CODE] <script language="JavaScript" type="text/javascript"> //<!-- //<![CDATA[ first = 1; last = 2; current = 1; function nextPicture() { // Hide current picture object = document.getElementById('slide' + current); object.style.display = 'none'; // Show next picture, if last, loop back to front if (current == last) { current = 1; } else { current++ } object = document.getElementById('slide' + current); object.style.display = 'block'; } function previousPicture() { // Hide current picture object = document.getElementById('slide' + current); object.style.display = 'none'; if (current == first) { current = last; } …

Member Avatar
Member Avatar
+0 forum 4

I wrote some jquery code for my websites navigation bar that displays a drop down menu by fading it in. It works in chrome, and firefox, but, like usual, not in Internet Explorer. I am using the fadeIn and fadeOut effects and everything seems in order. I even added the name tag because IE seems to like it for some reason. What happens, is IE shows the drop down, but it doesn't fade at all. The fade is two seconds, and it does go through the two seconds because it takes that long before it will dissapear after your mouse …

Member Avatar
Member Avatar
+0 forum 2

I want to make jQuery animate the fade in of a block of text with a few links in it. Here is the code. [CODE]<html> <head> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> <title>Home</title> <LINK rel="icon" href="/favicon.ico" type="image/x-icon" /> <LINK rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <LINK rel="stylesheet" href="docs/navbar.css"> <style> html, body { margin: 0; padding: 0; } #background { height: 100%; width: 100%; z-index: -5; position: fixed; top: 0; left: 0; } #content { z-index: 25; visibility: visible; } #mainpara { color: white; font-weight: bold; font-size: 15pt; } #starwrek { font-size: 20pt; } #starwrekbutton { color: white; text-decoration: none; font-size: 24pt; } #starwrekbutton:hover { …

Member Avatar
Member Avatar
+0 forum 1

I wrote a code that i want to fade a <div> tag with. Here's the <div> tag. [CODE]<div id="about" onmouseover="fadein('about');"><li><a href="">About</a> <ul class="navbar" id="aboutoptions"> <li><a href="aboutus.html">Us</a></li> <li><a href="aboutproj.html">Projects</a></li> </ul> </li></div>[/CODE] Here's my java code. [CODE]function fadein(objectID){ object = document.getElementById(objectID); object.style.opacity = '0'; animatefadein(); function animatefadein(){ if(object.style.opacity < 1){ var current = object.style.opacity; var newopac = current + .1; object.style.opacity = newopac + ' ';} } setTimeout('animatefadein()', 1000); }[/CODE] it goes through, sets the <div> opacity to zero, then goes through the animate function and sets it to .1 succesfully, but won't seTimeout and go back through. Does anyone know what …

Member Avatar
Member Avatar
+0 forum 10

How do you set or adjust opacity of controls during runtime? (buttons/textbox/etc) I've tried this [CODE=vb] Public Sub setOpacity(ByVal opacity As Integer) Me.BackColor = Color.FromArgb(opacity, 255, 255, 255) End Sub [/CODE] But error returns that it controls does not support opacity. [B]I want my controls to load on runtime with fade-in effects.[/B] Any links to any tutorial?

Member Avatar
Member Avatar
+0 forum 3

The End.