Need a Tab menu image tutoral

I would like to create my own tab menu images using
Fireworks. Does anyone know of a good tutorial which can show me
how? I have FF but cant get it right.
I want images similar to these in this link -
http://www.dynamicdrive.com/style/csslibrary/item/plastic-tabs-menu/
Cheers
Billy

I believe you will need css knowledge regardless of which
method you use.
The spry widget will get automatically inserted onto your
page, but you will
need to edit the associated css file to customise the way it
looks :-)
Link showing an overview of customising the Spry Menu bar
widget\
http://labs.adobe.com/technologies/spry/preview/articles/menu_bar/index.html
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
~ Forum Posting Guidelines ~
http://www.adobe.com/support/forums/guidelines.html
CSS Tutorials for Dreamweaver:
http://www.adobe.com/devnet/dreamweaver/css.html
"~Billy~" <[email protected]> wrote in
message
news:f26u1s$jvc$[email protected]..
> Hi Nadia
>
> I the Spry Tabbed Panel menus you linked to are exactly
the sort of thing
> I am
> looking for. I have also come across a css tab menu
which i have placed an
> example at -
http://www.tomkilbourn.com/slidingdoors/home.html
>
> Which method would you recommend ? Does DW Spry menu
require more advanced
> knowledge than the css menu?
>

Similar Messages

I do not have the 'Advanced' tab on the menu bar. I am trying to change ringtone on my iphone 4s. Have done the following: Right cick on song, entered the start and stop times, but unable to proceed as need 'Advanced' tab in order to change to option.

I do not have the 'Advanced' tab on the menu bar. I am trying to change ringtone on my iphone 4s. Have done the following: Right cick on song, entered the start and stop times, but unable to proceed as need 'Advanced' tab in order to change to option.

You don't need to upgrade your software. But if you're struggling with Spry, IMO you should cut your losses and switch to something better for the longrun.
If you have a budget to work with, I highly recommend Project Seven's Pop-Menu Magic 3. It's easy to use in DW CS4, 5, 6 or CC. More importantly, it's bullet proof and works in all devices.
Pop-Menu Magic3 by PVII (commercial DW extension)
http://www.projectseven.com/products/menusystems/pmm3/index.htm
If you don't have a budget to work with, you can roll your own menus with jQuery plugins. A bit more effort on your part, but they perform better than Spry.
jQuery Superfish
http://users.tpg.com.au/j_birch/plugins/superfish/
jQuery MegaMenu2
DEMO:
http://www.geektantra.com/projects/jquery-megamenu-2/
DOWNLOAD:
http://code.google.com/p/jquery-megamenu/
Nancy O.

Need help making javascript thumbnail gallery function in javascript tab menu

Hello all,
I have implemented a css/javascript tab menu on one of my html pages thanks to Chris Coyier (http://css-tricks.com/learning-jquery-fading-menu-replacing-content/), and within one of the tabs, which I labeled GALLERY, I am trying to place a thumbnail gallery curtosy of Trent (http://www.twospy.com/galleriffic/).
Before trying to place it in the menu, I made the gallery on a seperate html page to make sure that I could get it to work. It does. But when I place it in the menu it shows up on page load under the content of the first tab (labeled TOUR) and not in the gallery tab. In addition, once I click on the "gallery" tab the other tabs stop showing their content. I feel like I am missing something obvious. But I just can't figure out what. If anyone can help I would greatly appreciate it.
Thanks,
Natalie
Below is the code of my whole page:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Tour template</title>

<link rel="stylesheet" type="text/css" href="MenuFader/style.css">
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
        $(function(){
            $("#tour-button").css({
                opacity: 0.3
            $("#gallery-button").css({
                opacity: 0.3
            $("#page-wrap div.button").click(function(){
                $clicked = $(this);
                // if the button is not already "transformed" AND is not animated
                if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
                    $clicked.animate({
                        opacity: 1,
                        borderWidth: 5
                    }, 600 );
                    // each button div MUST have a "xx-button" and the target div must have an id "xx"
                    var idToLoad = $clicked.attr("id").split('-');
                    //we search trough the content for the visible div and we fade it out
                    $("#contents").find("div:visible").fadeOut("fast", function(){
                        //once the fade out is completed, we start to fade in the right div
                        $(this).parent().find("#"+idToLoad[0]).fadeIn();
                //we reset the other buttons to default style
                $clicked.siblings(".button").animate({
                    opacity: 0.5,
                    borderWidth: 1
                }, 600 );
</script>

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">

</style>

<title>Example tour page</title>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="Gallery/js/jquery.galleriffic.js"></script>
<script type="text/javascript" src="Gallery/js/jquery.opacityrollover.js"></script>
<script type="text/javascript">
            document.write('<style>.noscript { display: none; }</style>');
</script>
<link rel="stylesheet" type="text/css" href="Gallery/css/galleriffic-2.css">
<link rel="stylesheet" type="text/css" href="Gallery/css/basic.css">

</head>

<body>
<div id="realtor panel"><table width="100%" border="0">
<tr>
    <td width="18%"> <div align="center"></div></td>
    <td width="82%"> </td>
</tr>
</table>
</div>
<div id="page-wrap">
        <div id="tour-button" class="button">
            <img src="MenuFader/images/TOUR.png" alt="tour" class="button" />
        </div>
        <div id="gallery-button" class="button">
            <img src="MenuFader/images/GALLERY.png" alt="property gallery" class="button" />
        </div>
        <div id="info-button" class="button">
            <img src="MenuFader/images/INFO.png" alt="info" class="button" />
        </div>
        <div id="specs-button" class="button">
            <img src="MenuFader/images/SPECS.png" alt="specs" class="button" />
        </div>
        <div class="clear"></div>
<div id="contents">
    <div id="tour">
      <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','1270','height','443','src','swf files/Tudor Arms interative floor plan','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','swf files/Tudor Arms interative floor plan' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="1270" height="443">
        <param name="movie" value="swf files/Tudor Arms interative floor plan.swf" />
        <param name="quality" value="high" />
        <embed src="swf files/Tudor Arms interative floor plan.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1270" height="443"></embed>
      </object></noscript>
    </div>
    <div id="property gallery">
         <div id="container">
                <div id="gallery" class="content">
                    <div id="controls" class="controls"></div>
                    <div class="slideshow-container">
                        <div id="slideshow" class="slideshow"></div>
                    </div>
                </div>
                <div id="thumbs" class="navigation">
                    <ul class="thumbs noscript">
                        <li>
                            <a class="thumb" href="Gallery/images/example/apt entrance1.jpg">
                            <img src="Gallery/images/example/Tudor thumbs/apt face1.jpg" alt="apt entrance1" />
                            </a>
                       </li>
                      <li>
                            <a class="thumb" href="Gallery/images/example/apt entrance2.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/apt face2.jpg" alt="apt entrance2" />
                            </a>
                      </li>
                      <li>
                             <a class="thumb" href="Gallery/images/example/apt entrance3.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/apt face3.jpg" alt="apt entrance3" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/apt sign.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/apt sign.jpg" alt="apt sign" />
                          </a>
                      </li>
                      <li>
                             <a class="thumb" href="Gallery/images/example/entryway1.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/entry.jpg" alt="entry" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/living room1.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/living1.jpg" alt="living1" />
                          </a>
                      </li>
                       <li>
                             <a class="thumb" href="Gallery/images/example/living room2.jpg" >
                             <img src="Gallery/images/example/Tudor thumbs/living2.jpg" alt="living3" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/living room3.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/living3.jpg" alt="living3" />
                          </a>
                      </li>
                      <li>
                             <a class="thumb" href="Gallery/images/example/dining1.jpg" >
                             <img src="Gallery/images/example/Tudor thumbs/dining1.jpg" alt="dining1" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/Dining2.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/dining2.jpg" alt="dining2" />
                          </a>
                      </li>
                      <li>
                             <a class="thumb" href="Gallery/images/example/dining3.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/dining3.jpg" alt="dining3" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/Kitchen1.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/kitchen1.jpg" alt="kitchen1" />
                          </a>
                      </li>
                      <li>
                             <a class="thumb" href="Gallery/images/example/Kitchen2.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/kitchen2.jpg" alt="kitchen2" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/bedroom1.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/bed1.jpg" alt="bed1" />
                          </a>
                      </li>
                       <li>
                             <a class="thumb" href="Gallery/images/example/bedroom2.jpg">
                            <img src="Gallery/images/example/Tudor thumbs/bed2.jpg" alt="bed2" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/bedroom3.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/bed3.jpg" alt="bed3" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/bathroom.jpg">
                            <img src="Gallery/images/example/Tudor thumbs/bath.jpg" alt="bath" />
                          </a>
                        </li>
                    </ul>
                </div>
            <div style="clear: both;"></div>
        </div>
    </div>
    <div id="info">
        <p class="style4">Content for info</p>
    </div>
    <div id="specs">
        <p class="style4">This content is for specs.</p>
    </div>
</div>
</div>

<script type="text/javascript">
            jQuery(document).ready(function($) {
                // We only want these styles applied when javascript is enabled
                $('div.navigation').css({'width' : '400px', 'float' : 'left'});
                $('div.content').css('display', 'block');
                // Initially set opacity on thumbs and add
                // additional styling for hover effect on thumbs
                var onMouseOutOpacity = 0.67;
                $('#thumbs ul.thumbs li').opacityrollover({
                    mouseOutOpacity:   onMouseOutOpacity,
                    mouseOverOpacity: 1.0,
                    fadeSpeed:         'fast',
                    exemptionSelector: '.selected'
                // Initialize Advanced Galleriffic Gallery
                var gallery = $('#thumbs').galleriffic({
                    delay:                     2500,
                    numThumbs:                 15,
                    preloadAhead:              10,
                    enableTopPager:            true,
                    enableBottomPager:         true,
                    maxPagesToShow:            7,
                    imageContainerSel:         '#slideshow',
                    controlsContainerSel:      '#controls',
                    captionContainerSel:       '#caption',
                    loadingContainerSel:       '#loading',
                    renderSSControls:          true,
                    renderNavControls:         true,
                    playLinkText:              'Play Slideshow',
                    pauseLinkText:             'Pause Slideshow',
                    prevLinkText:              '&lsaquo; Previous Photo',
                    nextLinkText:              'Next Photo &rsaquo;',
                    nextPageLinkText:          'Next &rsaquo;',
                    prevPageLinkText:          '&lsaquo; Prev',
                    enableHistory:             false,
                    autoStart:                 false,
                    syncTransitions:           true,
                    defaultTransitionDuration: 900,
                    onSlideChange:             function(prevIndex, nextIndex) {
                        // 'this' refers to the gallery, which is an extension of $('#thumbs')
                        this.find('ul.thumbs').children()
                            .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
                            .eq(nextIndex).fadeTo('fast', 1.0);
                    onPageTransitionOut:       function(callback) {
                        this.fadeTo('fast', 0.0, callback);
                    onPageTransitionIn:        function() {
                        this.fadeTo('fast', 1.0);
</script>
</body>

</html>

Sure thing:
http://www.acresllc.net/TA501001.html

I still use Aperture 2.1.4. I need to export an image file with a CMYK profile. Whereas a generic CMYK profile is listed in ColorSync Utility, it does not appear on the list of profiles in the edit portion of the export preset dialogue. Help?

I still use Aperture 2.1.4. I need to export an image file with a CMYK profile. Whereas a generic CMYK profile is listed in ColorSync Utility, it does not appear on the list of profiles in the edit portion of the export preset dialogue. Help? Is there some way to add the CMYK profile to the list of choices that are available in the export preset dialogue such that I can choose it?

leonieDF
Thanks for your response. My profiles are located within color sync utility as you can see here:
These profiles do not respond to clicking and dragging. Since they are all in one place, more or less, I'm reluctant to make further attempts to relocate them. Accessing the CMYK profile is the first difficult experience I've encountered with this arrangement. I have never needed the CMYK profile until recently, and that need has now past. However, it remains a mystery to me as to why it does not appear with all the others on the menu of export choices in Aperture 2, or on the menu of profile assignment choices in the Preview application (where again all the other profiles are listed as choices). I'm beginning to think my current set up will permit me to view an image that was created in CMYK space, but does not easily assign, or convert to that space. I don't face these restrictions with all the others, so it remains a curious circumstance for me. I anticipate upgrading my computer and software in the near future which might alleviate this issue altogether. Again, many thanks for your attention to this matter. The reach of this community is astounding.

Help with spry tabbed menu bar

Hi.
I need help with the spry tabbed menu panel (horizontal) It
works fine in dreamweaver ( pressing f12 ) but when i goto my
website www.so-nouveau.com it puts it all over and not in boxes
either just the writing.
I ahve double checked all uploading is correct and files are
located but it wont work.
Here is what i did >
new> html> 1 column elastic,centered. i have not
changed any other settings at all. Do i need to change the doc type
or css layout in the drop down menus before starting (doc
type=xhtnl 1.0 transitional and layout css=add to head)
I am still on cs3 , does this matter ? or is 4 easier ?
any help out there guys is much appreciated but please bear
in mind that i am not a web designer or pc expert at all , this is
just me building my own site , until nowit has been an enjoyable
experience but grrrrrr when it dont work
Thanks
Jay

so-nouveau wrote:
> Hi.
> I need help with the spry tabbed menu panel (horizontal)
It works fine in
> dreamweaver ( pressing f12 ) but when i goto my website
www.so-nouveau.com it
> puts it all over and not in boxes either just the
writing.
Please post links directly to the page having an issue. I saw
no tabs on the home page, but I noticed that there is a link on the
bottom of the page to this page that has a Spry tab on it:
http://www.so-nouveau.com/test%208.html
> I ahve double checked all uploading is correct and files
are located but it
> wont work.
That page refers to a Spry JavaScript file and a Spry CSS
file, which should be at the following locations but are not
present:
http://www.so-nouveau.com/SpryAssets/SpryTabbedPanels.js
http://www.so-nouveau.com/SpryAssets/SpryTabbedPanels.css
Make sure you upload the SpryAssests folder and see where
you're at after that.
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert

Plugin tab menu - ORA-06502: PL/SQL: numeric or value error

Hi All ,
i import Tab menu and I want to use only the horizontal menu.
http://www.apex-plugin.com/oracle-apex-plugins/odtug-competition/tab-menu_203.html
I am getting following error.
" Error in PLSQL code raised during plug-in processing.
ORA-06502: PL/SQL: numeric or value error "
this my account
workspace : BUS_SOL
username : test
password : test123
Application name test123
I imported following component
1.region_type_plugin_net_vanbaren_apex_tab_menu_v1.01.sql2 in plugin
2.Theme_page_templates_A4.2.sql in theme
3.Tabmenu_verticale.css in css
I have no idea where I have to specify the tab and sub tab names.
It will be really helpful . if some one help on this.
Thank you
Karthik

Karthik
Karthik C wrote:
I have no idea where I have to specify the tab and sub tab names.
The parent and standard tabs are defined at Shared Components > Tabs.
The basic idea of the plugin is to use the native tab concept of apex to make a "drop down" menu.
For a "drop down" menu you have to have two levels. So parent tabs and standard tabs. (Shared components > tabs)
The demo application you have in your apex.oracle.com workspace uses only one level of tabs (Only standard tabs). So the plugin will not work in this application.
Unfortunately there is no way of a application that is set up for one level tabs to turn into a two level tabs application. So please set up a new two level tab application before we go in more detail of how to use the plugin.
If you're going to use this plugin in a new applcation please please please start using lists instead of tabs.
List give more options than tabs.
List can have more than 2 levels. Tabs can have a maximum of 2 tabs and then only if you defined the application as 2 levels at creation.
And swiching a sublist entry between parents is just setting a different parent for the entry. For the tabs you not only need to change the standerd tab but also the page it references.
And in this case the most relevant there is already a drop down menu as list template. So there is no neason to use this plugin that needs isn't exactly plug and play.
Nicolette

Tab menu background problem

I am using the spry tabbed menu and currently I have the
background image of the entire header section set to a repeating
image. I left the tabbed menu div background color and image blank
so that the header section will come thru. It works fine in IE 7
but in FF the tabbed menu adds a white background... here is the
link to the test page...
http://afm.geofoam.com/homepage.asp
Any suggestions?

Hi,
Try to add a fixed height for the header container. I added
for this css rule: .thrColFixHdr #header the height:105px and seems
to work also in FF.
Please let us know if this fixes your problem
Diana

Really need to show an image in this applet...

Hi,
I need to display an image in my applet as a sort of "Start Screen" like you get on games.
But I'm damned if I can get it to work, my tutor provided the unifinished shell of a program, and it seems that I need to display this image before any... panels.. or whatever it is... are initiated. So I could either create a new one, just to show this image, then make it go away when the image does, or, have it popup as part of a message box, or something.
I stumbled on a splash screen feature, found in Java 1.6, but although I'm using 1.6, my university still uses 1.5, so it's a no go.
Ideally, it would be a popup window I think, more like a fancy about box than a title screen. But I don't know how to do that either, so any help would be greatly appreciated ^^
Thanks

Look into addNotify() and MediaTracker.

Trouble with tabbed menu

I'm a Flash newbie. I'm trying to create a tabbed menu in
Flash similar to
this one. On mine
however, when you click on the different buttons you go to another
web page and that is working fine. Also the rollover text works
fine too. However, I'm having trouble figuring out how to keep my
tab in the "down" state. On the iTab example previously mentioned,
the selected menu tab defaults to "Menus" and remains so until the
user selects another tab. In the down state, a raised or slightly
enlarged tab is shown. Thanks in advance.

It seems that what you need to be looking into is the concept
of button groups old boy.
Check
this out.

Saved tabs menu bookmark brings Safari window to unusable state

Saved tabs menu bookmark does not ask for user confirmation when navigating away from many tabs, and when the user returns to the previous set of tabs (note that this possibility isn't clear to the user), the entire Safari window reaches an unusable state.
I have a saved tabs folder as a bookmark item that is also present on the bookmarks menu bar. That means if I accidentally click on the saved tabs link instead of the address bar then my Safari session with all of the current active tabs disappears! I'd like to suggest that Safari presents a confirmation page when the user is about to change the state of more than one tab, just like it would ask for confirmation if the user were to exit Safari or close a window with many open tabs. By clicking on that single button nearby to the address bar, the entire window state is altered, not just the current tab. That's not my initial expected behaviour. On the other hand, it was also not clear to me initially that I could navigate back to the previous set of tabs when that state is comprehensively changed. So maybe the user can be informed about the ability to undo that action. For now, I will certainly be moving that set of tabs away from the menu bar, tucked further within the Bookmarks menu. But the problem that I have now is more than just a temporary unavailability of the old state.
When I accidentally navigated forward to that set of tabs, and subsequently quickly hit the back arrow button to revert to the previous state, Safari itself reached a point where the content of all tabs became unavailable. This sounds like it could be a kind of race condition where Safari needs to throw away cached information for the old set of tabs before it builds new cached information upon loading all new tabs. By aborting the process of loading those new tabs, maybe Safari assumes that the set of tabs is up to date, but the transition back to the old set of tabs doesn't appropriately trigger a reload and revert of the state. In any case the symptom is clear. When I switch between tabs in the problematic window, I continue to get completely blank screens even though I had many distinct tabs open in that window initially. It seems that to reproduce this problem what needs to be done is to have this set of saved tabs in a bookmark that is stored just below the address bar, and then to quickly navigate backward to return to the previous state. The more tabs in the current and stored session, the more this process may bog down Safari and expose this type of race condition. I also believe I may have also double or triple clicked that saved tabs button, which may invalidate the original set of tabs since the state for several sets of tabs might not be stored transparently by default. In any case I would like to recommend that Safari warn the user when this step takes place. The user could even be warned because they place a set of tabs bookmark below the menu bar, since they might accidentally click there. When this problem occurred, the other Safari window I had open had multiple tabs but this part of the Safari session was considered still working and the symptoms were not there. Yet the problematic window continues to experience the problem where all tabs are currently blank. I believe that I'll have to restart Safari to trigger the reloading of the pages, but I don't even know if that will be sufficient. I hope that this information is helpful.

xb37835dd237610f1 wrote:
In any case I would like to recommend that Safari warn the user when this step takes place.
Recommend to whom? Discussions is a user-to-user forum. You are just talking to other users. We don't write the applications so we can't change how they work.
If you have what you believe to be a product improvement idea, send it to Apple via the feedback URL. Posting it here is pointless.

I need to set background image in interactive forms. How it is possible ple

Hi,
I need to set background image in interactive forms. How it is possible please explain it step by step.
Regards,
Gurprit Bhatia

Hey Gurprit,
All you need to do is:
1. drag and drop the Image object from the Library -> Standard tab
2. select the image you want to use
3. position the image on the form where you want
4. right click the image and say "Send to Back"
That should be it!!
Cheers,
Kevin

I need to put an image up that looks like tv turned on

I need to put an image up of a television and have a video of something looping
in the center the image of the tv would be just that and a player
would really be under the image playing the video. I am a newbiie and would b very greatful if someone would walk me through this. I prefer to be emailed here at [email protected] rather than my email used for the forum. Replies here are greatly encouraged because i will be checking back often.

The skin (just a graphic) is something that can be created in PhotoShop or even in Flash. It needs to be able to have a hole in it for the video to show thru, so use something like a .png graphic with a transparent background. That graphic really has nothing at all to do with the palying of the video... it's just a skin, covering over the top of the video (which is on a lower layer in Flash).
So use your imagination! Go thru those tutorials listed and you'll be able to add the controls and loader bar. then when you are ready, you can incorporate an xml playlist if you like.
Here is an example of a simple video player with no skin... just controls and loading bar:
http://www.exploreolympics.com/index.html
Here is that same basic video player with a simple graphic placed over the top of the actual video. The graphic is on a higher layer in Flash, and has a hole in it so the video will show thru. This player has an xml playlist added... so the graphic has to cover over that playlist also:
http://www.cidigitalmedia.com/video.html
Here is that same simple video player, different type of skin. Open the menu and click on "Trailer" and you'll see a scrolling playlist added to that same simple little vid player.
http://www.serenityfarmthemovie.com/main18.html
Here is the code for the simple player. Of course the playlist players have added code to build and access the playlist. But start with the simple player and build on your skill from there.
/* Video player created by CI Digital Media for educational purposes */
var nc:NetConnection = new NetConnection();
nc.connect(null);
var ns:NetStream = new NetStream(nc);
video_screen.attachVideo(ns);
/* Name of your video, with correct path, goes here */
ns.play("video1.flv");
/* Comment out this pause line for use with auto start or leave pause to start with Play button */
ns.pause();
rewind_btn.onRelease = function() {
ns.seek(0);
play_btn.onRelease = function() {
ns.pause();
var videoInterval = setInterval(videoStatus,100);
var amountLoaded:Number;
var duration:Number;
// Trace the metadata then remove the last comment tag from code below //
ns.onMetaData = function(myMeta) {
for (var i in myMeta) {
trace(i + ":\t" + myMeta[i])
/* cut the comment tag from line 35 and paste at end of this line so scrubber will work
ns["onMetaData"] = function(obj) {
duration = obj.duration;
function videoStatus() {
amountLoaded = ns.bytesLoaded / ns.bytesTotal;
loader.loadBar._width = amountLoaded * 160;
loader.scrub._x = ns.time / duration * 160;
var scrubInterval;
loader.scrub.onPress = function() {
clearInterval(videoInterval);
scrubInterval = setInterval(scrubit,10);
this.startDrag(false,0,this._y,160,this._y);
loader.scrub.onRelease = loader.scrub.onReleaseOutside = function() {
clearInterval(scrubInterval);
videoInterval = setInterval(videoStatus,100);
this.stopDrag();
function scrubit() {
ns.seek(Math.floor((loader.scrub._x/160)*duration));
//-------Sound Controls--------//
this.createEmptyMovieClip("sound_mc",this.getNextHighestDepth());
sound_mc.attachAudio(ns);
var videoSound:Sound = new Sound(sound_mc);
mute_btn.onRelease = function() {
if (videoSound.getVolume() > 0) {
videoSound.setVolume(0);
else
videoSound.setVolume(100);
cidm_btn.onRelease = function() {
getURL("http://www.cidigitalmedia.com/video.html", "_blank");
Best of luck!
Adninjastrator

Change/disable mouse-over selection on app switcher menu (apple-tab menu)

Does anyone know of a way to disable the mouse-over selecting an application on the apple-tab menu (app switcher)? This is so frustrating when you are trying to do a lot of copy and paste between apps and the mouse keeps "re-selecting" the application you are trying to choose.

Hello,
Thank you so much for replying so quickly and moreover, solving my problem. I must apologise for not doing more research about this issue by searching these forums more thoroughly. I found a similar post here:-
http://forums.adobe.com/message/139937#139937
Your solution goes one step further and eliminates the need to search through the Javascript for the relevant code.
Thank you again, you've helped me a great deal.
Best wishes,
foreverdusty.

Will Firefox post a download to correct thick multiple tab menu bar or provide a delete tab menu bar option?

I wish to reduce the thickness of the tab menu bar in Firefox 4.0 or have the option to delete the bar. I've tried some of the blogs but nothing seems to work. Wondering if your support team could provide users with a download update providing these options?
I'm using Windows 7 on a laptop.
Thank you,
Craig

DW_Noobie wrote:
can anyone help
It depends. I can see your two pages as in this link:
<http://www.thecampuscocktail.com/speedydrinks.html>
<http://www.thecampuscocktail.com/feedback.html>
You need to describe what these issues are.

Need to convert an image to .jpeg using Java !

Hello,
i am working in images now. i need to convert any image in the form of .jpeg using Java. in other words, i need to store an image in the form of .jpeg format. can any of u help me ! thanks in advance.
- Krishna

There's also jimi, at http://java.sun.com/products/jimi/
You can do something like:
image = new BufferedImage (width, height, BufferedImage.TYPE_INT_RGB);
// create your image
String path = "/path/image.jpg";
Jimi.putImage(image, path);
[\code]

Need a Tab menu image tutoral

Similar Messages

Maybe you are looking for