Democratic Underground Latest Greatest Lobby Journals Search Options Help Login
Google

stupid question - what is this feature called?

Printer-friendly format Printer-friendly format
Printer-friendly format Email this thread to a friend
Printer-friendly format Bookmark this thread
Home » Discuss » DU Groups » Computers & Internet » Computer Help and Support Group Donate to DU
 
OneGrassRoot Donating Member (1000+ posts) Send PM | Profile | Ignore Thu Aug-20-09 06:45 PM
Original message
stupid question - what is this feature called?

If you go to this link you'll see a website template, and there is a "video" feature. Actually it's just two images that fade back and forth. What's that called? I want to search for free ways of creating a similar showcase spot. Thanks. :)

http://ithemes.com/demos/bravo/
Refresh | 0 Recommendations Printer Friendly | Permalink | Reply | Top
Why Syzygy Donating Member (1000+ posts) Send PM | Profile | Ignore Thu Aug-20-09 07:16 PM
Response to Original message
1. Not allowed to say "stupid question" in this group.
Edited on Thu Aug-20-09 07:16 PM by Why Syzygy
It looks like a java script? Running this image?
http://ithemes. com/demos/bravo/wp-content/uploads/2009/05/bravo-image11.jpg
(You know how to look at the source code for a page?)


<!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 profile="http://gmpg.org/xfn/11">

<!--The Title-->
<title>Bravo Theme Demo</title>

<link rel="icon" type="image/png" href="http://ithemes.com/demos/bravo/wp-content/themes/Bravo/images/favicon.ico" />

<!--The Meta Info-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<!--The Stylesheets-->
<link rel="stylesheet" href="http://ithemes.com/demos/bravo/wp-content/themes/Bravo/style.css" type="text/css" media="screen" />
<!-->
<link rel="stylesheet" href="http://ithemes.com/demos/bravo/wp-content/themes/Bravo/css/lt-ie7.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://ithemes.com/demos/bravo/wp-content/themes/Bravo/dropdown.js"></script>
<!-->
<!-->
<link rel="stylesheet" href="http://ithemes.com/demos/bravo/wp-content/themes/Bravo/css/lte-ie7.css" type="text/css" media="screen" />
<!-->

<!--The RSS and Pingback-->
<link rel="alternate" type="application/rss+xml" title="Bravo Theme Demo RSS Feed" href="http://ithemes.com/demos/bravo/?feed=rss2" />
<link rel="pingback" href="http://ithemes.com/demos/bravo/xmlrpc.php" />
Printer Friendly | Permalink | Reply | Top
 
OneGrassRoot Donating Member (1000+ posts) Send PM | Profile | Ignore Thu Aug-20-09 07:23 PM
Response to Reply #1
3. ...

:hi:

:pals:

Thanks :)
Printer Friendly | Permalink | Reply | Top
 
charlie Donating Member (1000+ posts) Send PM | Profile | Ignore Thu Aug-20-09 07:21 PM
Response to Original message
2. CSS opacity filter
with Javascript to control the transparency for the fade-in-out effect. The site is using a widget in the jQuery library for the Javascript -- in other words, it's not hand-rolled script, but a readymade solution for those sorts of effects.
Printer Friendly | Permalink | Reply | Top
 
OneGrassRoot Donating Member (1000+ posts) Send PM | Profile | Ignore Thu Aug-20-09 07:23 PM
Response to Reply #2
4. Oh, I do so love the widgets :)

Thanks for the link! :)
Printer Friendly | Permalink | Reply | Top
 
charlie Donating Member (1000+ posts) Send PM | Profile | Ignore Thu Aug-20-09 07:38 PM
Response to Reply #4
5. Here's the one they're using
http://www.gruppo4.com/~tobia/cross-slide.shtml

You'll need to couple it with jQuery to work. There are tutorials for applying it at the site.

You can also have a look at the iThemes source at around line 82 to see how they've used it.
Printer Friendly | Permalink | Reply | Top
 
OneGrassRoot Donating Member (1000+ posts) Send PM | Profile | Ignore Thu Aug-20-09 08:00 PM
Response to Reply #5
8. I'll definitely be checking out the jQuery tutorials...

Thanks again. :)
Printer Friendly | Permalink | Reply | Top
 
Fumesucker Donating Member (1000+ posts) Send PM | Profile | Ignore Thu Aug-20-09 07:44 PM
Response to Original message
6. The way I know to do that kind of image is with a morphing program..
The freeware program I'm familiar with to do this is SqirlzMorph.

http://www.xiberpix.net/SqirlzMorph.html
Printer Friendly | Permalink | Reply | Top
 
OneGrassRoot Donating Member (1000+ posts) Send PM | Profile | Ignore Thu Aug-20-09 08:00 PM
Response to Reply #6
7. Ah, more fun!

Thanks so much! :)
Printer Friendly | Permalink | Reply | Top
 
DU AdBot (1000+ posts) Click to send private message to this author Click to view this author's profile Click to add this author to your buddy list Click to add this author to your Ignore list Sun May 05th 2024, 09:47 PM
Response to Original message
Advertisements [?]
 Top

Home » Discuss » DU Groups » Computers & Internet » Computer Help and Support Group Donate to DU

Powered by DCForum+ Version 1.1 Copyright 1997-2002 DCScripts.com
Software has been extensively modified by the DU administrators

Important Notices: By participating on this discussion board, visitors agree to abide by the rules outlined on our Rules page. Messages posted on the Democratic Underground Discussion Forums are the opinions of the individuals who post them, and do not necessarily represent the opinions of Democratic Underground, LLC.

Home  |  Discussion Forums  |  Journals |  Store  |  Donate

About DU  |  Contact Us  |  Privacy Policy

Got a message for Democratic Underground? Click here to send us a message.

© 2001 - 2011 Democratic Underground, LLC