SitePoint Sponsor

User Tag List

Page 3 of 4 FirstFirst 1234 LastLast
Results 51 to 75 of 81
  1. #51
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by SiberianHuskey View Post
    T...I can't get it to horizontally align...
    A solution was provided in the penultimate paragraph of post 45

  2. #52
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I added #video li to my embedded style sheet.

  3. #53
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    As this is purely CSS, this is my very last post in this topic.

    Above the rule for #videos li in your embedded stylesheet is an incomplete rule:
    Code CSS:
    #ThreeDMot .videoplayer

    As it's just a selector with no declaration block, it prevents the next rule from parsing. There is no element with the class "videoplayer" in your document so remove it.

    Edit: more accurately, the stylesheet regards the two selectors as one i.e. "#ThreeDMot .videoplayer #videos li". I'll not need to point out why this does not work.
    Last edited by Victorinox; Feb 9, 2011 at 10:10. Reason: Being more specific.

  4. #54
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    As this is purely CSS, this is my very last post in this topic.
    I will update the thread with another script. As you have mentioned this problem has moved away from scripting to CSS. Thank you for helping me with this script, much appreciated.

  5. #55
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have a question about the InnerFade script, I would like to to fade in row by row then stop displaying the text, I can't seem to make that happen with the options presented in the player.

  6. #56
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    On the FancyPlayer page, there is supposedly a PNG image which I can edit or replace the FancyPlayer logo, but I'm unable to find that PNG image !?!? Is it part of the commercial version of FlowPlayer ?

  7. #57
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,684
    Mentioned
    100 Post(s)
    Tagged
    4 Thread(s)
    Is that the logo you see on their demo page?
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  8. #58
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It's within the player, before the movie loads which I can't find the PNG image.

  9. #59
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by SiberianHuskey View Post
    On the FancyPlayer page, there is supposedly a PNG image which I can edit or replace the FancyPlayer logo, but I'm unable to find that PNG image !?!? Is it part of the commercial version of FlowPlayer ?
    Yes, you need the commercial version to remove the Flowplayer branding that appears during loading.

    I see nothing in the Fancyplayer tutorial about replacing the Flowplayer branding.

    For anyone joining the topic, there are two similar demos and tutorials for Fancyplayer, which can cause confusion. The original post linked to the older version. The links to the most recent version (which the OP is using) are:


  10. #60
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.
    This is what I was referring too.

  11. #61
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,684
    Mentioned
    100 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by SiberianHuskey View Post
    This is what I was referring too.
    So you have been able to find that image?
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  12. #62
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No, what I want to know, where is this image !!!

  13. #63
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,684
    Mentioned
    100 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by SiberianHuskey View Post
    No, what I want to know, where is this image !!!
    It's on the demo page. Do you see it there?
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  14. #64
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  15. #65
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,684
    Mentioned
    100 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by SiberianHuskey View Post
    it's the image that says 'flow player' you can see it on my site with one of the test videos
    Link?
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  16. #66
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    View my construction site !

  17. #67
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Again, the presence of two versions of Fancyplayer is causing confusion.

    Earlier version tutorial - Earlier version demo
    Later version tutorial - Later version demo

    Your page

    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:

    "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.

    Code JavaScript:
    $(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.
    "

    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.

  18. #68
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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 ?

  19. #69
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Does the description on the plugin's page describe what you are aiming for?

    "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."

    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.

  20. #70
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I only want it to fade in when the page first loads, then stops.

  21. #71
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    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?

  22. #72
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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 !!!

  23. #73
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    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.

  24. #74
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    I've grabbed 5 mins on Google and found a jQuery plugin that might do what you want.

    Sequential Fade In

  25. #75
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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 !


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •