No, what I want to know, where is this image !!!
Not those images, it’s the image that says ‘flow player’ you can see it on my site with one of the test videos, it may go fast for you but if you can see it quickly, that is what I know the author is quoting on his web site.
Link?
View my construction site !
Again, the presence of two versions of Fancyplayer is causing confusion.
Earlier version tutorial - [URL=“http://www.burconsult.com/tutorials/fancyplayer/index.html”]Earlier version demo
Later version tutorial - [URL=“http://www.burconsult.com/tutorials/fp2/index.html”]Later version demo
The tutorial you’re referring to is for the earlier version of the plugin - you have the later version installed. Here is the section from the earlier version dealing with displaying the video_bg.png image:
[INDENT][COLOR=“DarkSlateBlue”][FONT=“Arial”]"I have made some small modifications to the fancybox css code in order to move all images used by the plugin to the general images folder and to add a background image to the “fancy-div” element which appears very briefly before flowplayer is loaded in its place. Thus, background:url paths have been changed to …/images/bgimage and #fancy_div was given a background: url(’…/images/video_bg.png’) no-repeat . You can skip this or declare it in you own stylesheet if you don’t want to modify the original plugin css. There is a download link to an editable PNG containing the elements used in the example (video link images with Flowplayer logo and the video_bg.png image) on the demo page. You could modify this and add your website logo for example.
$(document).ready(function() {
function preloadImages()
{
for(var i = 0; i<arguments.length; i++)
{
$("<img>").attr("src", arguments[i]);
}
}
preloadImages("images/video_bg.png");
This doesn’t have much to do with the integration itself, it just sets it so the code is executed whe the DOM is ready and using a small preloading function borrowed from here, it preloads the video_bg.png image so it will show up instantly when the first video is played. As mentioned before, this is optional, and added to the demo simply for aesthetics.[/FONT][/COLOR]"[/INDENT]
The above code is not present in the later version.
The video_bg.png image does not appear in the later demo.
Therefore, the version of Fancyplayer you have installed will not show a video_bg.png image.
I do not know the reason why the video_bg.png code has been left out of the later version. Maybe it contravened the license of the non-commercial version of Flowplayer. You could always ask the author.
Atleast this has been finally figured out 
Going back to post #55, I want to get this innerfade script to fade in line by line when the ID loads then stop, I’ve only been able to get it working like a ticker which I don’t want, maybe it’s the wrong type of script or it doesn’t have such option ?
Does the description on the plugin’s page describe what you are aiming for?
[INDENT][COLOR=“DarkSlateBlue”][FONT=“Arial”]"InnerFade is a small plugin for the jQuery-JavaScript-Library. It’s designed to fade you any element inside a container in and out.
These elements could be anything you want, e.g. images, list-items, divs. Simply produce your own slideshow for your portfolio or advertisings. Create a newsticker or do an animation."[/FONT][/COLOR][/INDENT]
Doesn’t seem so to me, so remove InnerFade and start a new topic describing exactly what you want, including whether the animation should occur when clicking back to the Services tab/page or only when the page first loads.
I only want it to fade in when the page first loads, then stops.
Here is how you could present the query in a new topic, having removed InnerFade and made sure the list is visible (it’s currently showing black text on black):
Subject: Fading in list items with jQuery
There is an ul element (#services_content) on my page, that has three list items.
When my page loads, the list items should be hidden and then fade in one by one and remain visible.
How can I do this with jQuery?
I thought you were going to offer a suggestion, that is why I didn’t start a new subject, being this thread was not script specific, I just merged them together. Regardless I’ll start a new topic !!!
Well, I probably could work something out but something called “a life” tends to get in the way
People are more likely to check out a new thread.
I’ve grabbed 5 mins on Google and found a jQuery plugin that might do what you want.
It’s more adequate to what I’m after
There is a button on the page which triggers the fade-in, I removed the fade-out as I won’t need to use it. How do I trigger the fade to initiate when the DIV is loaded ? The page is updated with the script !
Correct the path to the .js file by changing the src URL from
http://www.thecreativesheep.ca/fadeinsequence.js
to
http://www.thecreativesheep.ca/construction/fadeinsequence.js
In your CSS, give the ul containing the list items a suitable height to prevent it from collapsing when the list items are hidden.
#services_content { height:4em }
Then add the following to run when the page loads.
$(document).ready(function() {
$("#services_content li").hide().fadeInSequence(2000);
});
I don’t know if it’s working, it may be loading too fast for me to tell. I replaced the previous script within the HTML page with the one you had posted, unless I was suppose to keep the other script as well ?
Your page has not been updated.
Yes, this script:
$(function(){
$("#Serv").click(function() {
$("#Serv").children().hide().fadeInSequence();
});
Should be replaced with:
$(document).ready(function() {
$("#services_content li").hide().fadeInSequence(2000);
});
Script works exactly how I want it.
Problem is each time the DIV loads the script should load, it only loads once upon the page loading.
That’s what you asked for in post #70:
I only want it to fade in when the page first loads, then stops.
Time for a new thread.
I wasn’t specific, it’s best to finish this problem off then start a new thread for a completely different issue.