Alternating fading images

Hello kind and wonderful peeps!
I'm trying to get this site's 3 images at the top to fade in and out at alternating intervals, rather than at the same time.
http://www.makingdesign.com.au
Should i alter this Jquery?
$(document).ready(function() {
          $('#fadepicbox,#fadebox2,#fadepic3').cycle({
                    fx: 'fade',
                    delay: -4000
</script>

If you mean you want 3 images to fade one after the other sequentially, here's one way to do it:
$(document).ready(function() {
    $("#fadepic > div").each(function(index, element) {
        $(element).data("firstRun", true).cycle({
            delay: -1000,
            after: function(currSlideElement, nextSlideElement, options, forwardFlag) {
                var container = $(this).parent();
                if($(container).data("firstRun")) {
                    $(container).data("firstRun", false);
                } else {
                    $(container).cycle("pause");
                    var nextIndex = $(container).index() + 1 >= $("#fadepic > div").length ? 0 : $(container).index() + 1;
                    $("#fadepic > div").eq(nextIndex).cycle("resume");
        if(index > 0) $(element).cycle("pause");
Kenneth Kawamoto
http://www.materiaprima.co.uk/

Similar Messages

Fading images slideshow

I am looking to create a fading image slideshow to use in Dreamweaver. I created in flash but having problems viewing in internet explorer. Wanted to know if there was an easier way to do this.

Yes.
Flash is a very bad idea on the web because the world's most popular mobile & tablet devices don't support it. And for those that do, Flash makes mobile device batteries run down in seconds rather than minues.   So don't use Flash.
Cycle2 is a nice jQuery fading slideshow that's very easy to implement and works in X-browsers.
Simply copy & paste the following code into a new, blank document. SaveAs test.html. Change images to your own.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 document with Cycle2</title>

<script src="http://code.jquery.com/jquery-latest.min.js">
</script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>
<style>
.cycle-slideshow, .cycle-slideshow{
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:0 auto;
width:45%; /**adjust width as required**/
.cycle-slideshow img {width: 100%;}
</style>
</head>
<body>
<h1><a href="http://www.malsup.com/jquery/cycle2/">jQuery Cycle 2</a> Responsive Slideshow</h1>

<div class="cycle-slideshow"
    data-cycle-pause-on-hover="true"
    data-cycle-speed="700"
>

<img src="http://malsup.github.com/images/beach1.jpg" data-cycle-title="beach1">
<img src="http://malsup.github.com/images/beach2.jpg" data-cycle-title="beach2">
<img src="http://malsup.github.com/images/beach3.jpg" data-cycle-title="beach3">
<img src="http://malsup.github.com/images/beach4.jpg" data-cycle-title="beach4">
<img src="http://malsup.github.com/images/beach9.jpg" data-cycle-title="beach9">

</div>
</body>
</html>
Nancy O.

CS4 shows faded image in monitor compared to what LR & Bridge shows.

I processed Canon RAW files using LR 2.3, generate jpeg files and view these Jpeg files in Bridge CS4. Both LR and Bridge shows brilliant colors, but when I open the same files in Photoshop CS4. the images looks faded. Of course, I view the images on the same monitor and even put them side by side. This is the first time I have encountered such situation. I printed some images and they are very close to what LR and Bridge shows. Both LR and PS have Adobe 1998 as color space. I have attached a screen shot of the same file side by side. First in LR, then Bridge and last PS. Although the files prints with very good colors as seen in LR or Bridge, it is unsettling to see faded images in PS, especially when the images will be part of a composite or layout.
Any help would be greatly appreciated. Additional info: Canon 40D, LR 2.3, CS4 V11.01, 24 inch iMac.

My guess is that PS color managememnt is set up incorrectly. For example, it may be set to ignore profiles embedded into images or the "desaturate monitor color got checked by accident". Look at the screenshot attached and tell us how is it different from your set up (except for the RGB working space).
Also, make sure Soft Proofing is not turned on in PS.

How to create smoking fading image?

does anyone know how i can create this effect? A smoking fading image.

No, I haven't. I got this image by link by a friend. He was also trying to achieve this effect, but without much result...
But i can't find the tutorial back on the site. It's form photoshoptutorials.ws
You got the link of that tutorial perhaps? Or some tutorials like that...
Thanks!

Slideshow with Fading Images

Is there a tutorial around on creating a slideshow with
fading images. I want to drop my images into a folder. 01.jpg,
02.jpg etc. and then have an actionscript automatically fade them
in and out.
Does someone know how to do this dynamically. I know it can
be done. I want all of the .jpg images to reside in a folder and
then I want the images to load and play automatically using an .XML
file.
Thanks

I would do it with this code:
on frame 1:
mc = function() {
num = (Math.round(Math.random()*27));
//----------------------------------------- 27 being the
number of images i have (name them from 0.jpg to 26.jpg
totalfilename = num + ".jpg";
_root.picLoader.loadMovie("
http://www.yoursite/yourimageFolder/"
+ totalfilename);
//----------------------------------------picLoader being my
empty movie clip where the pictures are loaded
mc();
clearInterval(mc.intID);
mc.intID = setInterval(mc, 20000);
// ----------------------------------------------- every 20
sec the picture will change randomly
then on the emptyMovieClip ad this code:
// this will fade the image in
onClipEvent (load)
this._alpha = 0;
onClipEvent (enterFrame)
if (this._alpha < 100)
this._alpha = this._alpha + 5;
} // end if
if (this._alpha >= 100)
this._alpha = 100;
} // end if
I hop this helped

Problem with fading images in/out

I have a product demo that runs from an XML feed. Text is
defined in the XML as are links to external images. When an image
loads it is set to alpha 0 and then fades up to 100 whilst also
changing from blurred to a crisp image using a blur filter.
When I publish the file and preview it there are horizontal
lines of white pixels that that flicker across the image like
interference as it is fading in. Once the fade is done the
interference stops but any visible bits of it stay on screen.
If I run the generated SWF in a browser this does not happen
and so I didnt worry about it. Now though, I am trying to output
the demo as a video clip to run from a DVD. I am using
File>Export>Export Movie and this picks up the interference
as well.
I have tried various compression setting with no luck and am
thinking I might have to use some third party screen capture
software (camtasia?) instead.
Any thoughts?
Cheers all

hi Markus,
found the following in DB:
"Problem Description:
I have my SCC configured with a LabVIEW perforce client. If I open the VI \examples\comm\access.llb\Retrieving Data from Access.vi and then from its block diagram open the subVI with a icons that says "2", then modify the sub VI, I don't get prompted to check the sub VI out. Howewver, if I close everything down and open the Part 2.vi from the GSW, then it does prompt for check out when I edit it.
Steps to Reproduce:
Make sure the prompt to check out SCC config option is set. 1. Launch LV. 2. Create a new project. 3. Add a VI to the project that is in SCC (not checked out) AND has a subVI that is also in SCC (and not checked out). 4. Open the VI from the project. 5. Go to the block diagram of the VI and open the subVI. 6. Edit the subVI. No prompt to check out is presented.
Workaround:
1. Explicityly add the subVI as an item under source. 2. Refresh the dependencies node after adding the main VI."
furthermore I found this link but I don't know if this will help...
greets!

Iphoto facebook exporter - faded images

Hi can anyone help me with my problem? Ive been using the iphoto facebook explorer for ages, but all of a sudden it is uploading my images with the colours very faded to facebook.
Ive uninstalled and reinstalled - done the lastest iphoto upgrades..
any other ideas?
Thanks!!

Looks like you still don't get it. Normally if we upload photos using Facebook Exporter for iPhoto, the images would still retain the 'colour information' but obviously lose some quality (like size, clarity, etc.) but the COLOUR stays, thus the photo will look similar to the one we have in iPhoto.
Meanwhile, uploading manually using the default Facebook photo uploader will result in the stripping of colour information, so basically before this problem happened, photos uploaded using this method will look a little faded in color and of course crappier than using the iPhoto. However, most Mac user might not realize this fact since they have been uploading photos to Facebook using iPhoto.
And the problem we're having right now is uploading using iPhoto actually results in really crappier images than using default method. The colour information is no longer retained, the colour looks 'faded', desaturated, less contrast. It's so bad, that people who normally use iPhoto to upload would realise a huge difference. This is a fact, the discussions page for the Facebook Exporter for iPhoto is full of people complaining about this. It's not about why should we care about photo quality in Facebook, it's about why this problem happened. And so far no one has come up with any solutions, and neither Apple nor Facebook has responded.

Masking a fading image

I hope someone can help me with my project. I'm learning
flash but still labeled as a newbie. I'm not sure if this effect is
even possible but I will ask. The problem is I created a flash
movie with a matrix style text effect that scrolls down the page. I
also created a jpeg involving basic random #s (0s and 1s) that
cover the entire page. All I intend to do is have the matix code
animation running in the foreground while the movement of the mouse
reveals the jpeg #s page in the form of a small radius around the
mouse (the mouse still has to be showing). This is the tricky part
that I cannot find anywhere, I need that mask effect to show at a
fading pace. If the mouse moves over a certain portionof the
background jpeg, that portion will show as soon as the mouse is
hovered over it at 100% but start to fade. The fading has to be at
a constant pace (say an overall period of 2 seconds), but the
revealing effect has to be only when the mouse moves.
I'm not even sure how to implement the masking part of this
because the origonal flash movie project is over 15 layers by
itself. Another problem I may see coming is whether I could even
used my finished flash project as a background in an html page. I
will create the page using dreamweaver mx and already created the
origonal flash movie with flash mx.
Any help will be greatly appreciated. Thanks.
Joe

Your basic issue is getting HTML to appear over top of an
embedded SWF. If you want to make the SWF literally a background
image like using the CSS rule "background," that is not possible.
If, however, you just need some piece of HTML to appear over top of
a Flash movie(common need is a drop down menu -- like adobe.com
homepage), then there are workarounds, but they are not fun and not
always reliable:
http://www.google.com/search?q=html+over+flash&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-U S:official&client=firefox-a

Any other alternative to image storage???

Hi
In a simple scenario without xi, EP, ... we are thinking about what are the best way of storing the MIME objects of the catalog (CCMv2) (images and pdf in a characteristic of type /CCM/Hyperlink).
1.- I think the best way it's use the MIME repository, because the images will be in the database and the user can import the images from the system.
2.- Other way could be activate a directory for the http access, but i think, that way require share the directory or use a program with SAP FTP, it would also need to take account that directory in the backup policy.
do you know any other way, any other advantage or inconvenient?
thanks a lot.
Regards
Jorge

Hi Pradnya
The Enterprise Portal SSO mechanism is available in two variants depending on security requirements and the supported external applications:
1. SSO with SAP logon tickets
2. SSO with user ID and password
Whereas SSO with SAP logon tickets is based on a secure ticketing mechanism, SSO with user ID and password forwards the users logon data (user ID and password) to the systems that a user wants to call.
For further details on SSO please refer to the following link.
http://help.sap.com/saphelp_nw04/helpdata/en/59/12f73b7803b009e10000000a114084/frameset.htm
Hope that was helpful.
Warm Regards
Priya

Alternative text/images.

This is the current code I'm using in order to display an
image instead of a flash file if it cannot be loaded within the
browser. It works fine in IE, but when loaded in Firefox, the flash
file is displayed above the standard image...is there a way around
this?...
Thanks.

Search engines tend to like captioned images because it tells them more about what your page is about. Having said that, your description should contain keywords and not just be 'Image 4' or something like that. It also helps people using screen readers as a general rule, because they can't see pictures (which is partly where the ALT tag comes in).
ALT tags are generally better, but your problem is that you'll probably have to leave your visitors an instruction on your page to 'Hover over the images', because otherwise I doubt most people will think of it.
Just adding more (plain) text to your page will make little or no difference in terms of how long it will take to load. If you start fussing and make your text appear as another image or whatever then it will increase load time. It's movies and images that make things slow, text is generally very light. Compare the size of a text-only Pages or Notepad document to a 200 x 200 image for example.

Fading Images w/ javascript - need help for IE

I'm trying to avoid flash and thought I had a good solution
but somehow it seems to not work in IE, but works everywhere else.
I really have no idea how to trouble shoot something like this but
this is what I've got:
if I take the images and put them on a page by themselves,
the fade works great everywhere. Once they are in a table in the
website, IE stops working. Anyone have some clues to what could be
happening?
http://www.coldwellutah.com/brg/index_slidetest.html
Much appreciated.

Check the uberlink and MacFly tutorials at PVII -
http://www.projectseven.com/
and the Navbar tutorial/articles at Thierry's place
http://tjkdesign.com/articles/dropdown/
Or this one (more recent article):
http://tjkdesign.com/articles/Pure_CSS_Dropdown_Menus.asp
Or to get it done fast, go here -
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Jeff Seal" <[email protected]> wrote in
message
news:g38kps$5uk$[email protected]..
>@ Murray - Agree on the menu. Initially they wanted lots
of drop downs and
>I
> don't know how to do that by hand. However, I think it
will have to
> revert to
> a simple UL like the main site
>
> @ Yupiei - Agree. The main site www.coldwellutah.com is
all in div's.
> However, these particular people wanted to use their
pages in email so I
> converted it to tables. Again, something I think I will
need to go back
> and
> fix, building instead an HTML Email page specifically
for that purpose,
> and not
> the entire site...
>
> The jQuery Fade thing works in a div, not in a table for
IE. Strange....
>
> Thanks for the comments. Appreciate it.
>

Why are there horizontal faded images streaking across my 4S screen?

This happens when I use my phone for more than five minutes while browsing the internet or watching any video. This obviously makes it very hard to look at after awhile. I've tried everything I could think of. I shut it off, I reset and restored from the iCloud, I did a DFU restore at the Apple Store. This particular iPhone was given to me in August, after I paid the $199 to swap out one I broke. The replacement one I bought (this phone) came with a 90 day warranty and, of course, this problem presented itself two weeks after that warranty was up. There is no physical damage to the phone, as I bought an Otterbox Defender for this phone since I had to pay the price last time I dropped my phone. Is there any advice or help anyone has? Two different Apple Stores refused to swap out my phone, even though I essentially paid 200 dollars for three months of a phone, which then turned out to be defective. Thank you very much.
P.S. Sorry the pictures are low-res, I had to take them with another phone, as the lines do not show up when taking screenshots.

This doesn't sound like a software problem, especially the horizontal lines. I would take it to the nearest Apple Store or call AppleCare to have it repaired.

Images appear faded when exporting to pdf

Hello, I have .png images in my document; and regardless of the blend space I choose, or pdf export settings, the images appear faded when I export to pdf. I noticed that when I print the file as a pdf, the colors don't change, it only happens when I export, so I'm assuming it's related to pdf export settings? any help would be appreciated. another thing that might be relevant; in the document, when it's just a single image on the page, it doesn't appear faded in the exported pdf. but when there are several images together, overlapping on the page, fading occurs. also, if I select compatibility as acrobat 4, images are not faded in the pdf, although they do appear lower quality. but i can't set compatibility at 4 because i have several movie files and hyperlinks embedded, which 4 doesn't allow. hope i've made sense, i'm new to indesign, using CS3.

Hi Peter, I changed the colorspace in acrobat to the same as indesign, sRGB... + US web coated v2.. then I exported again, but still have faded text in text boxes as well as faded images (.png files). I notice when i zoom in and out quickly, the images flicker a bit and look how they should but when I stop they stay faded. I'm just curious if anyone were to place a .png image in their indesign + export to pdf, whether they'd get the same result.
as far as the monitor goes, to be honest, im not sure if it's calibrated. and i feel bad asking what that means

Faded background image in forms 9i canvas ...!

I am working in Forms 9i Version 9.0.2.9.0. While importing gif image on canvas, the image displayed as faded image and it seems more blur /faded /dim when this form is running in internet explorer editor /environment.
On the other hand, when I paste /import the bmp file /image, it seems fine /better but due to heavy size of bmp image, the loading time /speed of that particular form is too much slow. So thats why I want to import only gif image instead of bmp file /image because of its lesser sized.
Tell me, by which method I could get the better result (more prompt /sharp /visible) of gif image for forms 9i background /canvas?
Waiting for urgent and prompt solution please...
Thanks and regards,
Farhan Mazhar

Farhan,
even if adding the image as a bmp, it is streamed as a jpg image. The conversion is performed by Forms internally.
Frank

POSTING TIPS - Code, Images, Hyperlinks, Details

When you're posting a question - please search the forum first! If that fails, and you wish to include T-SQL, C#, or VB code in your post, see below. If you want to show us what you see on your screen (pictures are worth a thousand words), see
below! Check that a URL does not stay black/gray indicating an inactive hyperlink. All URL references should be blue and clickable.
Moderators, please add any other tips you may have.
Including T-SQL, C#, VB.Net Source Code
(Thanks to Phil Brammer & Kalman Toth for this tip)
When you are composing a post and you wish to paste code, please don't directly paste it into the post, instead paste it into the code block editor. It will preserve formatting for you, which makes it easier for us to read it and help you with your issue.
Examples follow...
Not using the code block editor:
select
text, *
from sys.dm_exec_cached_plans
cross apply sys.dm_exec_sql_text(plan_handle)
Using the code block editor (and with the same copy-n-paste buffer):
select
text, *
from sys.dm_exec_cached_plans
cross apply sys.dm_exec_sql_text(plan_handle)
Including Images
Using the Editor:
(Thanks to Kalman Toth for these instructions)
Use the Forum Editor method to Insert Image:
1. Save the image to disk or copy the image URL
2. Use the Insert Image (right most) icon to upload the image
Make sure the URL hyperlink is active:
The forum post editor automatically hyperlinks a typed URL in IE. But not all browsers do it.
Use the chain link icon to hyperlink an inactive URL, title or reference.
Using HTML:
(Thanks to Todd McDermid & Ed Price for this tip)
Copy your screen to the clipboard (ALT-PRTSCN) (alternatively, some image editors can do screen captures)
Paste it in your favourite image editor
Upload it to a free image hosting site like Flickr,
ImageShack, ...
Create your post, then press the "HTML" button on the post toolbar. This will open another browser window with HTML in it.
Find the spot where you want the image, and add a standard IMG element, pasting in the URL to your image, like this:
< img src="http://your.url.here/your_image_filename_here">
Press the Update button.
The Volunteer Moderators and Answerers who support the Microsoft MSDN SQL Server Forums have created a Wiki to present Solutions to Common T-SQL Problems.
(Thanks to Arnie Rowland for this tip)
Check here to see if there is a suggestion that can guide you to a solution for your problem.
http://code.msdn.microsoft.com/SQLExamples
If you find that the Wiki provided you with useful information, please let us know by posting a synopsis of your problem and a comment about your successful use of that information.
“Top Solution Content” blog
(Thanks to Elvis Long for this tip)
As part of our efforts to keep our communities informed about the most relevant content that address the top questions that we are getting in out forums and other support channels we want to introduce the new “Top Solution Content” blog (http://blogs.technet.com/b/topsupportsolutions).
In this blog you will find up-to-date and valuable information about Microsoft top support solutions for several of our popular products in the Server and Tools portfolio. You can use the tags (http://blogs.technet.com/b/topsupportsolutions/archive/tags)
to easily locate the product of your preference or visit the home page to see what’s going on for the different Microsoft Enterprise and developer products. As a blog you can also subscribe to post and comments using the RSS feeds.
We hope this will reduce time and effort when you are looking for relevant content. Enjoy it!
Kalman Toth Database & OLAP Architect
SQL Server 2014 Database Design
New Book / Kindle: Beginner Database Design & SQL Programming Using Microsoft SQL Server 2014

the SWC thing may be exactly what I need.
I read that link you gave me and I will definately do a little more research on SWC, even if it's not completely clear how to use them at this particular moment.
let's say I have an image called MyImage.png which I have setup to export for actionscript on frame 1 and the class is called "MyImage"
Assume I have the same thing setup in my library for a sound file called "MySound"
Now, without doing any reading first, I would assume that I would create a new fla file, put those 2 assets in said fla's library and then compile that fla into an swc? And then access thoughs assets in my main project by importing the swc into it? or it is more simple than that?
Cheers
Dave

Alternating fading images

Similar Messages

Maybe you are looking for