Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 13 of 13
  1. #1
    New Coder
    Join Date
    May 2009
    Posts
    11
    Thanks
    2
    Thanked 0 Times in 0 Posts

    innerHTML problem to change content of cells

    Hi guys,

    The code in question is www.spectral.og.uk/test5/work2.htm

    I am trying to change the main 'SPECTRAL' video content mid-right when I click on the 'Change Movie' at the bottom. Eventually I want to be able to do this from the thumbnails but Im just running a simple test first.

    So I defined the function 'ChangeMOVIE' on line 14 using document.getElementById & innerHTML, etc, to replicate the flash player script contents that are incidentally ID'd as "BIGCHANGE" (ie, part of the main flash player on line 249) but simply replacing a different name for the video when it reaches the Flashvars "&file=Splash.flv" to something else to effect the change of video content I'm after, 'Olay.flv' I think.

    I have tried so hard to research into this but it just doesn't work.

    Is the problem to do with that :-

    1) You can't ID something within <script>, ie BIGCHANGE in this instance.

    2) innerHTML is only really for text replacement, not the amount of script I've stuck into it to replace within the whole <TD> cell with ID 'VID' (ie the main flash player) even though I've used delimiters and everything within the innerHTML data to try and not confuse it with apostrophes within speach marks, etc

    Any thoughts where I'm going wrong? Maybe Im barking up the wrong tree on this!

    Thanks so much guys for any headsup on a solution to this as I've been up all night for about a week on this!

    Dom
    Last edited by ManicDom; 05-16-2009 at 10:42 AM.

  • #2
    New Coder bigtiger's Avatar
    Join Date
    Oct 2005
    Posts
    98
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi, but the link does't work.

  • #3
    New Coder
    Join Date
    May 2009
    Posts
    11
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by bigtiger View Post
    Hi, but the link does't work.
    Sorry! I missed out the 'r' in the '.org' the first time I think! Try this:

    http://www.spectral.org.uk/test5/work2.htm

  • #4
    Senior Coder
    Join Date
    Jun 2002
    Posts
    1,404
    Thanks
    2
    Thanked 32 Times in 32 Posts
    Try:

    http://www.spectral.org.uk/test5/work2.htm

    Looking at it now.

    Hey, they got new buttons here!

  • #5
    Senior Coder
    Join Date
    Jun 2002
    Posts
    1,404
    Thanks
    2
    Thanked 32 Times in 32 Posts
    Don't have much time to spend on this, but I'll try and give you a tip or so. Please: next time, post a sample with a <base href... set, so we can see your inclusions. Hard to play with a page when all the urls are relative.

    First: you only need to download this:

    <script type="text/javascript" src="swfobject.js"></script>

    ... once. In the head. It's a script file; once it's in memory, you just call 'new SWFObject' as many times as you need to embed a movie. Also: you've given a javascript an ID. Why? All that does is identify the script object, if you were going to dynamically fiddle with it. Irrelevant here. You've also given the same id to all the flash players - it's set with 2nd argument to 'SWFObject.' You need it to identify the big player. So:

    var so = new SWFObject('','BIGCHANGE','313','235','9');
    And change those other ids to unique ones. After all, they're ids.

    You don't need to re-declare 'so' every time you use it:

    so = new SWFObject(...

    Now, that function:

    function changeMOVIE()
    {
    document.getElementById('BIGCHANGE').movie = "src_of_movie.flv";
    }

    In practice, you'll probably pass the .flv filename as an argument to changeMOVIE(), into a variable in place of that hardcoded filename, passed from each 'thumbnail.' No idea if any of this will work, or if it's even advisable to have that much flash going at once.

    <a href="#" onClick="changeMOVIE();return false;">change movie!&nbsp;</a>

    Hopefully that'll help. And buy a JavaScript book.
    Last edited by adios; 05-16-2009 at 12:29 PM.

  • #6
    New Coder
    Join Date
    May 2009
    Posts
    11
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Hey Adios,

    Thankyou so much for such a thorough reply. I've hopefully implemented all the changes you've suggested at : www.spectral.org.uk/test5/work3.htm

    It is AT LEAST doing something now and in the right <td>, ie, when I click on 'Change Video!' - that big video area changes, but alas it just goes blank you'll notice. It's like it's not actually loading the video in question 'olay.flv' which I know is on the site and working.

    Shout me down if Im wrong, but with the JW Flash Player, doesn't it need all those other parameters to be resent, like the Flashvars too, in order to make it play rather than just writing the the new .movie element as we're doing? Also I'd like to alter the FlashVars anyway when I loadup the new videos (ie I want the contorl bar visible, ability to resize, etc) so I kind of know how to rewrite the whole script for the BigPlayer which is why originally I tried to resend the entire HTML to the big player <td>.

    Sorry to be a pain when I know you're busy and also if my terminology is inaccurate but I really have tried to research this on my own, hence the delay in replying, but I'm not getting anywhere on the web at all!

    Thanks in advance for any headsup you can offer once you've had another little perusal at the link above.

    Many thanks again,

    Dom

  • #7
    Senior Coder
    Join Date
    Jun 2002
    Posts
    1,404
    Thanks
    2
    Thanked 32 Times in 32 Posts
    Thanks for the considerate reply. As it is, I already had spent hours researching this issue for a friend, and came up dry. Control of Flash movies via JavaScript - you think it'd be cut-and-dried by now, but I ran across one approach after another, and none of them bore fruit.

    And we all know how important fruit-boring is. Ask a worm.

    Again, I wonder about the advisability of having so much Flash going at once ... on two PCs I loaded your page into, CPU/Memory usage seemed to go through the roof. Memory leak? Who knows. But I'd look into it.

    I'm going to spend some more time on this later this eve. If anyone else wants to chime in, good for them ...

  • #8
    Senior Coder
    Join Date
    Jun 2002
    Posts
    1,404
    Thanks
    2
    Thanked 32 Times in 32 Posts
    There's a better way to do this, I think - but after researching it at length I'm not sure if anyone - including Adobe - knows what it is. Oh, well ...

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1"><title>Spectral</title>
    <base href="http://www.spectral.org.uk/test5/" />
    <style type="text/css">
    body {
    background: url(http://static1.grsites.com/archive/textures/comp/comp010.jpg);
    }
     .nn
    { color: #415968;
    font-style: normal; font-size: 10px; font-weight: normal;
    line-height: 100%;
    font-family: "Century Gothic", Arial, Verdana, Helvetica,
    sans-serif; text-align: center; margin-top: 0
     }
    </style>
    <style type="text/css"> 
    div.player {
    width: 124px;
    height:94px;
    border: 3px silver inset;
    }
    div#playerz {
    width: 313px;
    height:235px;
    border: 6px silver inset;
    }
    a:link.nns { 
    color: #415968;
    line-height: 80%;
    font: bold 9px "Century Gothic", Arial, Verdana, Helvetica,
    sans-serif; text-align: center; margin-top: 0;
    }
    a:visited.nns {
    color: purple;
    font: bold 9px "Century Gothic", Arial, Verdana, Helvetica,
    sans-serif;
    }
    a:hover.nns {
    color: darkred;
    }
    a:active.nns {
    color:red;
    }
    </style>
    
    <style type="text/css" media="screen">
    a:link, a:visited 
    	{
    	color: #415968;
    	text-decoration: none
    	}
    a:hover 
    	{
    	color: #af006e;
    	text-decoration: none
    	}
    
    </style>
    <script type="text/javascript" src="swfobject.js"></script>
    <script type="text/javascript">
    
    var currmovie = ''; //save current
    var currdiv = ''; ///save player
    
    function bigflash(filename, playerdiv)
    {
       //new big
       var so = new SWFObject('player-licensed.swf','BIGFLASH','313','235','9');
       so.addParam('allowscriptaccess','always');
       so.addParam('allowfullscreen','true');
       so.addParam('flashvars','&stretching=exactfit&author=Spectral&description=Spectral&captions=Spectral&file='+filename+'&title=Spectral&bufferlength=0&controlbar=none&autostart=true&icons=false&repeat=always&resizing=true');
       so.write('playerz');
    
       //thumb splash
       so = new SWFObject('player-licensed.swf','vid5','124','94','9');
       so.addParam('allowscriptaccess','always');
       so.addParam('allowfullscreen','true');
       so.addParam('flashvars','&stretching=exactfit&volume=0&author=Spectral&description=Spectral&captions=Spectral&file=splash.flv&title=Spectral&bufferlength=0&controlbar=none&autostart=true&icons=false&repeat=always&resizing=false');
       so.write(playerdiv);
    
       //rerun previous
       if (currdiv)
       {
       so = new SWFObject('player-licensed.swf','vid5','124','94','9');
       so.addParam('allowscriptaccess','always');
       so.addParam('allowfullscreen','true');
       so.addParam('flashvars','&stretching=exactfit&volume=0&author=Spectral&description=Spectral&captions=Spectral&file='+currmovie+'&title=Spectral&bufferlength=0&controlbar=none&autostart=true&icons=false&repeat=always&resizing=false');
       so.write(currdiv);
       }
       currmovie = filename;
       currdiv = playerdiv;
       return false;
    }
    
    </script>
    </head>
    <body>
    <div align="center">
    <table cellpadding="0" cellspacing="0" width="100%" height="100%" valign=middle align=center border=0>
    <tr><td width="20%" height="19%">
    <div align="center">
    
    <div id="player1" class="player">This text will be replaced</div>
    
    <script type="text/javascript">
    var so = new SWFObject('player-licensed.swf','vid1','124','94','9');
    so.addParam('allowscriptaccess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&stretching=exactfit&author=Spectral&volume=0&description=Spectral&captions=Spectral&file=Nivea-t.flv&title=Spectral&bufferlength=0&controlbar=none&autostart=true&icons=false&repeat=always&resizing=false');
    so.write('player1');
    </script>
    <a class="nns" href="#null" onclick="return bigflash('Nivea-t.flv', 'player1')">• NIVEA •</a>
    </div>
    </td> 
    <td width="20%" height="19%">
    <div align="center">
    
    <div id="player2" class="player">This text will be replaced</div>
    
    <script type="text/javascript">
    so = new SWFObject('player-licensed.swf','vid2','124','94','9');
    so.addParam('allowscriptaccess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&stretching=exactfit&volume=0&author=Spectral&description=Spectral&captions=Spectral&file=Firstplus-t.flv&title=Spectral&bufferlength=0&controlbar=none&autostart=true&icons=false&repeat=always&resizing=false');
    so.write('player2');
    </script>
    <a class="nns" href="#null" onclick="return bigflash('Firstplus-t.flv', 'player2')">• FIRST PLUS •</a>
    </div>
    </td>
    <td width="20%" height="19%">
    <div align="center">
    
    <div id="player3" class="player">This text will be replaced</div>
    
    <script type="text/javascript">
    so = new SWFObject('player-licensed.swf','vid3','124','94','9');
    so.addParam('allowscriptaccess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&stretching=exactfit&volume=0author=Spectral&description=Spectral&captions=Spectral&file=clearasil-t.flv&title=Spectral&bufferlength=0&controlbar=none&autostart=true&icons=false&repeat=always&resizing=false');
    so.write('player3');
    </script>
    <a class="nns" href="#null" onclick="return bigflash('clearasil-t.flv', 'player3')">• CLEARASIL •</a>
    </div>
    </td> 
    <td width="20%" height="19%">
    <div align="center">
    
    <div id="player4" class="player">This text will be replaced</div>
    
    <script type="text/javascript">
    so = new SWFObject('player-licensed.swf','vid4','124','94','9');
    so.addParam('allowscriptaccess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&stretching=exactfit&volume=0&author=Spectral&description=Spectral&captions=Spectral&file=UncleBen-t.flv&title=Spectral&bufferlength=0&controlbar=none&autostart=true&icons=false&repeat=always&resizing=false');
    so.write('player4');
    </script>
    <a class="nns" href="#null" onclick="return bigflash('UncleBen-t.flv', 'player4')">• UNCLE BEN'S •</a>
    </div></td> 
    <td width="20%" height="19%">
    <div align="center">
    
    <div id="player5" class="player">This text will be replaced</div>
    
    <script type="text/javascript">
    so = new SWFObject('player-licensed.swf','vid5','124','94','9');
    so.addParam('allowscriptaccess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&stretching=exactfit&volume=0&author=Spectral&description=Spectral&captions=Spectral&file=cinderella-t.flv&title=Spectral&bufferlength=0&controlbar=none&autostart=true&icons=false&repeat=always&resizing=false');
    so.write('player5');
    </script>
    <a class="nns" href="#null" onclick="return bigflash('cinderella-t.flv', 'player5')">• SUNSILK •</a>
    </div></td> </tr><tr>
    <td width="19%" height="20%">
    <div align="center">
    
    <div id="player6" class="player">This text will be replaced</div>
    
    <script type="text/javascript">
    so = new SWFObject('player-licensed.swf','vid6','124','94','9');
    so.addParam('allowscriptaccess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&stretching=exactfit&volume=0&author=Spectral&description=Spectral&captions=Spectral&file=shreddies-t.flv&title=Spectral&bufferlength=0&controlbar=none&autostart=true&icons=false&repeat=always&resizing=false');
    so.write('player6');
    </script>
    <a class="nns" href="#null" onclick="return bigflash('shreddies-t.flv', 'player6')">• SHREDDIES •</a>
    </div></td>
    <td width="20%" height="19%">
    <div align="center">
    
    <div id="player7" class="player">This text will be replaced</div>
    
    <script type="text/javascript">
    so = new SWFObject('player-licensed.swf','vid7','124','94','9');
    so.addParam('allowscriptaccess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&stretching=exactfit&volume=0&author=Spectral&description=Spectral&captions=Spectral&file=GotToKnow-t.flv&title=Spectral&bufferlength=0&controlbar=none&autostart=true&icons=false&repeat=always&resizing=false');
    so.write('player7');
    </script>
    <a class="nns" href="#null" onclick="return bigflash('GotToKnow-t.flv', 'player7')">• DISCOVERY CHANNEL •</a>
    </div></td> 
    
    
    <td width="20%" height="19%">
    <div align="center">
    
    <div id="player8" class="player">This text will be replaced</div>
    
    <script type="text/javascript">
    so = new SWFObject('player-licensed.swf','vid8','124','94','9');
    so.addParam('allowscriptaccess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&stretching=exactfit&volume=0&author=Spectral&description=Spectral&captions=Spectral&file=Pantene-t.flv&title=Spectral&bufferlength=0&controlbar=none&autostart=true&icons=false&repeat=always&resizing=false');
    so.write('player8');
    </script>
    <a class="nns" href="#null" onclick="return bigflash('Pantene-t.flv', 'player8')">• PANTENE •</a></div></td> 
    <td id="VID" colspan=2 rowspan=2 valign=middle align=center cellpadding="0" cellspacing="0">
    <div align="center">
    
    <div id="playerz">This text will be replaced</div>
    
    <script type="text/javascript">
    
    so = new SWFObject('player-licensed.swf','BIGFLASH','313','235','9');
    so.addParam('allowscriptaccess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&stretching=exactfit&author=Spectral&description=Spectral&captions=Spectral&file=splash.flv&title=Spectral&bufferlength=0&controlbar=none&autostart=true&icons=false&repeat=always&resizing=true');
    so.write('playerz');
    </script>
    </div></td></tr><tr>
    <td width="20%" height="19%">
    <div align="center">
    
    <div id="player9" class="player">This text will be replaced</div>
    
    <script type="text/javascript">
    so = new SWFObject('player-licensed.swf','vid9','124','94','9');
    so.addParam('allowscriptaccess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&stretching=exactfit&volume=0&author=Spectral&description=Spectral&captions=Spectral&file=sacla-t.flv&title=Spectral&bufferlength=0&controlbar=none&autostart=true&icons=false&repeat=always&resizing=false');
    so.write('player9');
    </script>
    <a class="nns" href="#null" onclick="return bigflash('sacla-t.flv', 'player9')">• SACLA •</a>
    </div></td> <td width="20%" height="19%">
    <div align="center">
    
    <div id="player10" class="player">This text will be replaced</div>
    
    <script type="text/javascript">
    so = new SWFObject('player-licensed.swf','vid10','124','94','9');
    so.addParam('allowscriptaccess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&stretching=exactfit&volume=0&author=Spectral&description=Spectral&captions=Spectral&file=olay4-t.flv&title=Spectral&bufferlength=0&controlbar=none&autostart=true&icons=false&repeat=always&resizing=false');
    so.write('player10');
    </script>
    <a class="nns" href="#null" onclick="return bigflash('olay4-t.flv', 'player10')">• OLAY •</a>
    </div></td> 
    <td width="20%" height="19%">
    <div align="center">
    
    <div id="player11" class="player">This text will be replaced</div>
    
    <script type="text/javascript">
    so = new SWFObject('player-licensed.swf','vid11','124','94','9');
    so.addParam('allowscriptaccess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&stretching=exactfit&volume=0&author=Spectral&description=Spectral&captions=Spectral&file=maltesers-t.flv&title=Spectral&bufferlength=0&controlbar=none&autostart=true&icons=false&repeat=always&resizing=false');
    so.write('player11');
    </script>
    <a class="nns" href="#null" onclick="return bigflash('maltesers-t.flv', 'player11')">• MALTESERS •</a></div>
    </td> </tr><tr>
    <td width="20%" height="19%">
    <div align="center">
    
    <div id="player12" class="player">This text will be replaced</div>
    
    <script type="text/javascript">
    so = new SWFObject('player-licensed.swf','vid12','124','94','9');
    so.addParam('allowscriptaccess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&stretching=exactfit&volume=0&author=Spectral&description=Spectral&captions=Spectral&file=seals-t.flv&title=Spectral&bufferlength=0&controlbar=none&autostart=true&icons=false&repeat=always&resizing=false');
    so.write('player12');
    </script>
    <a class="nns" href="#null" onclick="return bigflash('seals-t.flv', 'player12')">• RESPECT FOR ANIMALS •</a>
    </div></td><td width="20%" height="20%">
    <div align="center">
    
    <div id="player13" class="player">This text will be replaced</div>
    
    <script type="text/javascript">
    so = new SWFObject('player-licensed.swf','vid13','124','94','9');
    so.addParam('allowscriptaccess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&stretching=exactfit&volume=0&author=Spectral&description=Spectral&captions=Spectral&file=nspcc-t.flv&title=Spectral&bufferlength=0&controlbar=none&autostart=true&icons=false&repeat=always&resizing=false');
    so.write('player13');
    </script>
    <a class="nns" href="#null" onclick="return bigflash('nspcc-t.flv', 'player13')">• NSPCC •</a></div></td> 
    <td width="20%" height="19%"><div align="center">
    
    <div id="player14" class="player">This text will be replaced</div>
    
    <script type="text/javascript">
    so = new SWFObject('player-licensed.swf','vid14','124','94','9');
    so.addParam('allowscriptaccess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&stretching=exactfit&volume=0&author=Spectral&description=Spectral&captions=Spectral&file=rubbish-t.flv&title=Spectral&bufferlength=0&controlbar=none&autostart=true&icons=false&repeat=always&resizing=false');
    so.write('player14');
    </script>
    <a class="nns" href="#null" onclick="return bigflash('rubbish-t.flv', 'player14')">• DISCOVERY CHANNEL •</a>
    </div></td> <td width="20%" height="19%">
    <div align="center">
    
    <div id="player15" class="player">This text will be replaced</div>
    
    <script type="text/javascript">
    so = new SWFObject('player-licensed.swf','vid15','124','94','9');
    so.addParam('allowscriptaccess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&stretching=exactfit&volume=0&author=Spectral&description=Spectral&captions=Spectral&file=wilfy-t.flv&title=Spectral&bufferlength=0&controlbar=none&autostart=true&icons=false&repeat=always&resizing=false');
    so.write('player15');
    </script>
    <a class="nns" href="#null" onclick="return bigflash('wilfy-t.flv', 'player15')">• BLUECROSS DOGS TRUST •</a>
    </div></td><td width="20%" height="19%">
    <div align="center">
    
    <div id="player16" class="player">This text will be replaced</div>
    
    <script type="text/javascript">
    so = new SWFObject('player-licensed.swf','vid16','124','94','9');
    so.addParam('allowscriptaccess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&stretching=exactfit&volume=0&author=Spectral&description=Spectral&captions=Spectral&file=cbeebies-t.flv&title=Spectral&bufferlength=0&controlbar=none&autostart=true&icons=false&repeat=always&resizing=false');
    so.write('player16');
    </script>
    <a class="nns" href="#null" onclick="return bigflash('cbeebies-t.flv', 'player16')">• C-BEEBIES •</a></div></td></tr>
    <tr><td colspan="5" height="5%" valign=bottom class=nn>
    <a href="index.htm">home&nbsp;</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="contact.htm">contact</a>
    </td></tr>
    </table> 
    </div>
    </body> 
    </html>
    Passed the filename in. You can add additional arguments to pass in different flashvars as desired. Couldn't link to the small movies; apparently they override everything in the page and you have to do it in Flash itself. So I just linked the labels. Cheers.
    Last edited by adios; 05-19-2009 at 02:07 AM. Reason: swine flu

  • Users who have thanked adios for this post:

    ManicDom (05-21-2009)

  • #9
    Banned
    Join Date
    Mar 2009
    Posts
    248
    Thanks
    3
    Thanked 68 Times in 66 Posts
    ManicDom:

    Try this:


    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Any Title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript">
    
    	var moviePath = "./videos/";
    		
    	function swapMovie(nMovie){
    
    		var stopStr = '<object type="application/x-shockwave-flash" width="400" height="300"><param name="movie" value=""><\/object>'
    		var currMovie = "video" + nMovie + ".swf";		
    		var startStr = stopStr.replace('value=""',"value="+moviePath+currMovie);
    		document.getElementById('container').innerHTML = startStr;	
    	}	
    	
    </script>
    <style type="text/css">
    
    	 body 
    		{
    		 background-color: #f5f5f5;
    		}	
    	
    	#container 
    		{
    		 position: absolute;
    		 left: 15px;
    		 top: 120px;			
    		}
    
    
    </style>
    </head>
    	<body>
    
    		<img src="movie_1.gif" alt="Movie 1" width="27" height="22" onclick="swapMovie(1)">		
    		&nbsp;&nbsp;
    		<img src="movie_2.gif" alt="Movie 2" width="27" height="22" onclick="swapMovie(2)">
    
    		
    		<div id="container">
    			
    		</div>		
    		
    	</body>
    </html>

  • Users who have thanked 12 Pack Mack for this post:

    ManicDom (05-21-2009)

  • #10
    New Coder
    Join Date
    May 2009
    Posts
    11
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Pack Mack - thanks for contributing mate - much obliged.

    This is hopefully a thread which is useful for anyone who is in the business of presenting moving thumbnails and then booting up a larger version for purposes such as mine which is like an online showreel for music production.

    Adios - thanks SO MUCH for ongoing and substantial thought gone into this - and the funky background images and borders and tweaks - you really went the extra mile! Suffice to say your recent posting totally worked! But I have a powerful quad-core PC designed for music-programming so I guess it was going to.

    However, as you rightly noticed, LOADS of colleagues have said same to me, that the main video stutters; NOT a matter of internet connection speed or buffering I have to say, as the buffering bar reaches the end well before the video has got playing, but clearly a question of CPU limitation having that much mving flash content running on one screen I guess.

    SO, I am in the process of loading up still shots instead for the thumbnails, found a good programme dvdvideosoft.com to get stills from the movies. If I may, I'll repost my final coding in case you may wish to volunteer any ways of doing it better but meanwhile, again, what a charming forum to be a part of and I thank you all wholeheartedly for your input and diligence so far.

    All best,

    ManicDom

  • #11
    New Coder
    Join Date
    May 2009
    Posts
    11
    Thanks
    2
    Thanked 0 Times in 0 Posts
    PS That way with still thumbnails I can also use them as links, rather than the flash movies over-riding all other available linking options and having to do that in flash which I DONT think the JW Player supports from my overview of the FlashVars for it, only links to other URLs, which I guess could be solved with the main vid in an iFrame but this is all academic now as we've well and truly discovered that we dont want 20 flash movie thumbnails draining the life and soul of the CPU on one page!

  • #12
    New Coder
    Join Date
    May 2009
    Posts
    11
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Dear friends,

    Industry feedback in 'advertising world' is that I really could do with the moving mini flash vids as the thumbnail links, not static thumbnails if possible. SO, what I will do is reduce the quality, frames per sec, ett, gradually upload and see if that helps the CPU issues some have been experiencing.

    Meanwhile, this is where I am up to for you kind folk to see - http://www.spectral.org.uk/test5/work7.htm

    The playback of the flash vids for the JPG thumbnail links on the TOP ROW in the big playback area works FINE, but how do we call that 'BIGFLASH' function we're using for the static jpeg thumbnails I have used on the top row, for the flash video thumbnail equivalents on rows TWO and THREE?

    Do Flash vids defo overide all other functionality (and thus the 'linking hand' hovering icon) we could otherwise use to "couch" the object (ie, in this case, the calling of the flash routine) like using javascript OnClick, etc or do we need to try and "con" the FLASHVARS within the flash player using the flashvar "DISPLAYCLICK:" ( http://developer.longtailvideo.com/trac/wiki/FlashVars ) to do something javascripty and invoke the 'BIGFLASH' function? The parameter options seem limited though don't they...

    Our hands seem to be bound unless I am not seeing the wood for the trees! I really like the layout as it is and the coding and the fact we're nearly there so I would hate to have to do something radically different at this stage.

    Why is such an obvious function so difficult to achieve do we think?!

    Looking forward to your input as ever guys!

    Best - Dom
    Last edited by ManicDom; 09-01-2009 at 05:28 PM. Reason: clarification of syntax!

  • #13
    New Coder
    Join Date
    May 2009
    Posts
    11
    Thanks
    2
    Thanked 0 Times in 0 Posts
    PS - Know it's probably obvious, but just to illustrate - I've half-programmed the page with still shots as links (ie the top row) and half-programmed with moving small flash vids, so we can compare the ways of calling the BIGLFLASH routine from both originating link formats . . .


  •  

    Tags for this Thread

    Posting Permissions

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