Menu, Scroll Bar, Etc. Images Getting Scrambled

First, the essentials:
OS X 10.7.5 (11G63)
MaBook 13-inch, Aluminum, Late 2008
Memory: 8GB, 1333 MHz, DDR3
Pictures describe the issue much better than words: http://imgur.com/a/OWwtQ
As you can see from the above images, my control-click menus, scroll bars, etc. are getting scrambled.
To me it looks like some image pointers are getting messed up. I happen to be running VirtualBox 4.1.1.18, which seems like it might be related, but I haven't been able to determine this for sure.
My question is two-fold: first, has anyone encountered a similar issue?
And, what are some recommendations for narrowing down the cause?

I had the same issue and after some futzing around I realized its profile related and therefore based on some option. After resetting "gfx.font_rendering.directwrite.enabled" back to false in about:config and restarting ff the problem seems to have subsided.

Similar Messages

  • Scroll bar changes image in a frame?

    Hey there just wondering if this is possible, where scrolling a scroll bar updates a image to another image (even if you don't release your button) ie...

    Yes it is possible. I'm attempting to achieve something similar right now.
    I'm using a variation on http://sarahjustine.com/2013/11/08/create-click-and-touch-draggable-scrubbers-with-edge-an imate-cc/
    Essentially you can use the On/Off states of images in a timline and link the scrubber to the timeline so when scrolling it scrubs down the timeline.
    I'm actually attempting to set up a scrubbable timelapse in a similar fashion for a project I'm working on. You can see my progress so far at http://nahbprods.com/tnah-2015.html
    I'm trying to figure out how to have a timline auto update with images from a source folder so that whenever images are added to the folder the timeline updates and expands to fit the timelapse. The scrub-bar is already set up to adjust to the duration of the timelinel.

  • Custom scroll bar and image window

    Hi Guys!
    Im having trouble finding content on this, basically i want to create a window on my webpage that will scroll horizontally through a series of images, im guessing this may be done via javascript, does anyone know of any tutorials that may help me out. I wouldn't mind having a scrollable div on the page but i can seem to change the css of the scroll bar and feel thsi may cause problems when using various browsers..
    please see the layout attached with the small white line below the image, which will be the knob with a black bar in the background.
    thanks, any help will be greatly appreciated, have a nice day
    Rus

    http://www.solutoire.com/experiments/scrollbar/index.html
    http://www.hesido.com/web.php?page=customscrollbar
    http://www.n-son.com/scripts/jsScrolling/jsScrollbar.html
    You also may want to google "scroll javascript" for more options.

  • The print in all the firefox menus (i.e. bookmarks menu, adress bar etc.)has gotten very small. How do i change it?

    Opened up my browser yesterday and all the print was very small in the firefox menus. the print on the sites i visit is large like it always was, this is just in the address bars, bookmarks and any other window .

    Try to disable hardware acceleration in Firefox.
    *Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"
    *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
    Current Firefox versions have support for HiDPI displays.
    You can set the layout.css.devPixelsPerPx pref to 1.0 or 1.25 (on Windows 8 the default DPI is 125%) on the <b>about:config</b> page (current default value is -1.0).
    *http://kb.mozillazine.org/about:config
    If necessary, adjust layout.css.devPixelsPerPx starting with 1.0 in 0.1 or 0.05 steps (1.0 or 0.9) to make icons show correctly.
    See also:
    *https://support.mozilla.org/kb/forum-response-Zoom-feature-on-Firefox-22
    Use an extension to adjust the text size in the user interface and the page zoom in the browser window.
    Use this extension to adjust the font size for the user interface.
    *Theme Font & Size Changer: https://addons.mozilla.org/firefox/addon/theme-font-size-changer/
    You can look at the Default FullZoom Level or NoScript extension if web pages need to be adjusted after changing layout.css.devPixelsPerPx.
    *Default FullZoom Level: https://addons.mozilla.org/firefox/addon/default-fullzoom-level/
    *NoSquint: https://addons.mozilla.org/firefox/addon/nosquint/

  • Images are scrambled, glitching showing up in bits in the scrollbar

    Having a lot of problems with images, when I go from one window to the other pictures will have scrambled with each other. Sometimes an image will scramble itself just by dragging the cursor over it
    Other things that happen are on youtube when I open the page a lot of the thumbnails will be the same and on the wrong video and when I go over it with my cursor they'll change to the right one.
    Another thing is sometimes the images will be in my scroll bar and toolbars all scrambled up.
    I've already reset firefox, deleted cookies, cleared cache, updated flash and java.
    This all seems to have started when firefox updated for me which was about two days go.

    You can try to disable hardware acceleration in Firefox.
    *Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"
    You need to close and restart Firefox after toggling this setting.
    *https://support.mozilla.org/kb/upgrade-graphics-drivers-use-hardware-acceleration
    *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

  • 2 Scroll bars in 1 BAR?

    I just recently noticed I have to two scroll bars inside one scroll bar.
    I've displayed a picture so whoever is helping can have a better understading of what I mean.
    Never seen this happen & don't know how to fix
    http://s21.postimg.o...4n/2scrolls.png

    Yes, it does affect all sites that I go to!
    Thing is, I've used the same theme(If you're talking about the pride flag at the top) and everything else for the past year + and never had this problem.
    I recently just installed 3 new Add Ons in FireFox. One being, DoNotTrackMe. Two, Disconnect. Three, HTTPSEverywhere.
    Maybe they interfere with the scroll bar somehow making two in one? Maybe I should try to uninstall the programs - Since I've only recently had this program?
    Or, Maybe it was a windows updates I installed that made it go this way?
    This problem is quite annoying, I can't even see the scroll bar once I get to the end of a page because it's hidden in the second scroll bar near the bottom.
    Thank you for taking the time to try and fix my problem.

  • Remove vertical scroll bar from table control

    hi,
    i had used table control in my application. i want remove vertical scroll bar from table control.
    At initial time in table control there is no vertical scroll bar. In my table control lines are dependent on internal table which i was used to fill it.
    i was used these code for to set table control lines.
    DESCRIBE TABLE IT_RISK_ZINRISEXC LINES EXC_LINE.
    TC_RISK_EX-LINES =   EXC_LINE .
    Initially there is no data in internal table so there is no vertical scroll bar. After getting value i am filling internal table. and there is scroll bar in my table control. but i does not want that.
    i was not selected RESIZING-VERTICAL OR -HORIZONTAL.

    Hi,
    From Scroll Bars in Table Control
    You can remove the scroll bar in the table control by switching off horizontal and vertical scrolling in the properties of the table control. The properties can be accessed from the screen painter by double clicking on the table control. Regarding the page up and page down functions, I believe you add those buttons in the screen layout and code for them. You can use the standard function code for the page up and page down functions.
    or
    You can get rid of the vertical scroll bars by not setting table control lines. This way the user can only see the visible lines of the table control. As for the horizontal scrollbar, just make sure that your table control doesn't contain too many fields.
    Regards,
    Raj.

  • Scroll bar on editor not working

    I recently upgraded to phtoshop elments 11.0 to 13.0
    In the editor mode I cannot use the scroll bar. The scroll bar works fine in the orgnizaer mode. I have tried three different mouses and there is no difference.
    Tom Fitch, San Antonio Texas

    I am using Windows 7 Professional
    In the organizer portion the scroll bar moves. When I put my  mouse or
    arrow on the scroll bar and drag it then of course I move through the  different
    rows of folders or rows of pictures once in the photo  bin.
    It was doing it with Photoshop Elements 11.0 and I thought  13.0 might fix
    the problem and the scroll bar did move on the first try but not  since then.
    When I try and load the photo bin and I am choosing the right  folder to
    load the scroll bar just does not move. I can select the right folder  by
    using my up and down arrow or the page up and down and then click on the  right
    folder and then it loads.
    Once I get the right folder of pictures loaded and  once I finish the first
    row of pictures I cannot use my mouse and  arrow to drag the scroll bar
    down to get to the next row of pictures. I can  place my arrow on my mouse
    below the scroll bar and got to the next row but I  usually get only half the
    picture and sometimes only 1/4 of it but I can usually  get it loaded up and
    edit the pictures and move on the next picture but it is  very slow and
    frustrating.
    Any help would be appreciated.
    I protested to an adobe supervisor and I got an e-mail and  somebody is
    supposed to call me tomorrow so hopefully then can log on to my  computer and
    see what I am talking about.
    Sound like something got corruped in the editor mode only. I  tried 3
    different mouses and even the computer mouse and no  difference.
    Tom Fitch
    In a message dated 12/17/2014 5:05:37 P.M. Central Standard Time, 
    [email protected] writes:
    scroll  bar on editor not working
    created  by RKelly_ (https://forums.adobe.com/people/R_Kelly)  in 
    Photoshop Elements - View the full  discussion
    (https://forums.adobe.com/message/7024909#7024909)

  • DataTable Scroll bar Position Changing

    Hi,
    I have a datatable with scroll bar on 'A' screen and when I go to 'B' screen and come back to 'A' screen again the data table reloads and showing the table from the first record onwards instead of showing the selected n th record by holding the scroll bar state.
    Is there any way to scroll the scroll bar of a data table to the particular record either by backend logic or by java script.
    I used h:PanelGroup to the data table for scroll bar.

    That's getting harder. Put the tables in a block element, e.g. div, and onload set div.scrollTop to the amount of pixels it have to be scrolled. I am not going to give raw code here as you're here in a Java/JSF forum, not a Javascript/DHTML forum. If you still stucks, even after googling on the given keywords, consult DHTML forums like dhtmlcentral.com and dynamicdrive.com.

  • Problem with scrolling after rotating image

    Hi,
    I am trying to write a simple image viewer in flex. I came
    across a problem which I've been trying to solve through the past 4
    days. In my example I want to rotate the image and then scroll
    around once its been rotated (Say after the user would zoom in). If
    I rotate the image by 90,180 or 270 deg and then move the scroll
    bars the image disappears. Has anyone else had this problem? Any
    suggestions welcome, thanks!
    ===================================================================
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="
    http://www.adobe.com/2006/mxml"
    layout="absolute">
    <mx:Panel x="10" y="10" width="816" height="715"
    layout="absolute" title="Viewer">
    <mx:Button x="365.5" y="643" label="Rotate"
    click="rotateImage()"/>
    <mx:VBox id="vb" x="10" y="10" height="604"
    width="776">
    <mx:Image id="img" width="777" height="618">
    <mx:source>file:///C:/example.jpg</mx:source>
    </mx:Image>
    </mx:VBox>
    </mx:Panel>
    <mx:Rotate id="rotate" angleFrom="{angle-90}"
    angleTo="{angle}" target="{img}" />
    <mx:Script>
    <![CDATA[
    [Bindable]
    public var angle:int=0;
    private function rotateImage():void {
    rotate.end();
    angle += 90;
    rotate.play();
    ]]>
    </mx:Script>
    </mx:Application>

    Thanks for a quick response. I did something simillar before
    (using the Canvas instead of the VBox) your suggestions fix the
    scrolling issue but it still does not work the way it should. If
    the rotation is 0 then the scroll bars "fit" the image (So you
    don't go out and see any white space). If the rotation is say 90
    than it doesn't allow the image at full height, little bit of the
    page and no scroll bar to move down, also it gives you a lot of
    room to move to the side event though you can already see the image
    at full width. It's event worse when you do 180 deg rotation. Do
    you think this is something that is achievable (to have scroll bars
    that fit the image regardles of the rotation) ? Thanks
    ================================================================================
    <!-- <mx:VBox id="vb" x="10" y="10" height="604"
    width="776" autoLayout="false"> -->
    <mx:Canvas x="10" y="10" width="776" height="604"
    autoLayout="false">
    <mx:Image id="img">
    <mx:source>file:///C|/Documents and Settings/All
    Users/Documents/My Pictures/Sample
    Pictures/Winter.jpg</mx:source>
    </mx:Image>
    </mx:Canvas>
    <!-- </mx:VBox> -->

  • How to get transparency scroll bar to view background image of canvas.

    HI, 
    How to get transparency to path in canvas to view background image in canvas using scroll bar control.?
    This is my present output:
    My Xaml Code:
    <Grid Height="auto" Name="grid1">
    <TabControl Background="Bisque">
    <TabItem Header="Tools">
    <Grid Height="1000" Width="1000" Name="grid">
    <Border BorderThickness="0.2" BorderBrush="Black" Height="820" Width="820" ClipToBounds="True" Margin="90,99,90,81"></Border>
    <Grid>
    <Button Content="Original Size" Height="23" Name="btn_Original" Width="75" Click="btnOriginalSizePosition" Margin="4,4,921,973" />
    <TextBox Height="20" HorizontalAlignment="Left" Margin="62,49,0,0" x:Name="txtNoOfZones" VerticalAlignment="Top" Width="49"
    MaxLength="2" PreviewTextInput="txtNoOfZones_PreviewTextInput"/>
    <TextBox Height="20" HorizontalAlignment="Right" Margin="0,71,890,0" x:Name="txtSec" VerticalAlignment="Top" Width="49" PreviewTextInput="txtSec_PreviewTextInput" MaxLength="3"/>
    <Button Content="OK" Height="32" HorizontalAlignment="Left" Margin="117,59,0,0" Name="btnNoOfZones" VerticalAlignment="Top" Width="39" Click="btnNoOfZones_Click" />
    <Label Content="Zone Number selected :" Height="28" HorizontalAlignment="Right" Margin="0,0,451,0" Name="lblZone" VerticalAlignment="Top" />
    <Label Content="Sector Number in selected Zone :" Height="28" HorizontalAlignment="Right" Margin="364,22,451,0" Name="lblSector" VerticalAlignment="Top" />
    <Label Content="Filled Color applied in selected sector :" Height="28" HorizontalAlignment="Right" Margin="336,44,451,0" Name="lblColor" VerticalAlignment="Top" />
    <Label HorizontalAlignment="Left" Margin="569,0,0,0" Name="lblZoneNumber" Height="28" VerticalAlignment="Top" />
    <Label Height="28" HorizontalAlignment="Left" Margin="569,22,0,0" Name="lblSectorNumber" VerticalAlignment="Top" />
    <Label Height="30" HorizontalAlignment="Left" Margin="569,44,0,0" Name="lblFillColor" VerticalAlignment="Top" FontWeight="Bold"/>
    <Label Content="Sectors :" Height="28" HorizontalAlignment="Left" Margin="7,67,0,905" Width="69" />
    <Label Content="Zones :" HorizontalAlignment="Left" Margin="13,44,0,928"/>
    <TextBlock Height="23" HorizontalAlignment="Left" Margin="4,32,0,0" Text="Change No.of Zones, sectors below and click OK button" VerticalAlignment="Top" Width="294" FontFamily="Cambria" FontSize="12" FontStyle="Italic" FontWeight="Bold" />
    <RadioButton Content="Single Sector" Height="16" HorizontalAlignment="Left" Margin="744,24,0,0" Name="rBtnSingleSector" VerticalAlignment="Top" GroupName="Selection"/>
    <RadioButton Content="Sector Zone" Height="16" HorizontalAlignment="Left" Margin="744,44,0,0" Name="rBtnSectorZone" VerticalAlignment="Top" GroupName="Selection"/>
    <RadioButton Content="Circular Zone" Height="16" HorizontalAlignment="Left" Margin="744,64,0,0" Name="rBtnCircularZone" VerticalAlignment="Top" GroupName="Selection"/>
    <RadioButton Content="Panning" Height="24" HorizontalAlignment="Left" Margin="744,4,0,0" Name="rBtnPanning" VerticalAlignment="Top" Width="74" GroupName="Selection"/>
    <Border x:Name="clipBorder" BorderBrush="Black" BorderThickness="0" ClipToBounds="True" Height="810" Width="810" Margin="95,104,95,86" CornerRadius="10">
    <Canvas x:Name="CanvasPanel" Height="800" Width="800" Background="Transparent" ClipToBounds="True"></Canvas>
    </Border>
    <RadioButton Content="Random Color" HorizontalAlignment="Left" Margin="868,5,0,979" Name="rdBtnRandomColor" GroupName="rdbtnGroupFillColor"/>
    <RadioButton Content="Red Color" Height="16" HorizontalAlignment="Left" Margin="868,24,0,0" Name="rdBtnRedColor" VerticalAlignment="Top" GroupName="rdbtnGroupFillColor" Foreground="#FFF81010" FontWeight="Bold" />
    <RadioButton Content="Green Color" Height="16" HorizontalAlignment="Left" Margin="868,44,0,0" Name="rdBtnGreenColor" VerticalAlignment="Top" GroupName="rdbtnGroupFillColor" Foreground="#FF175F17" FontWeight="Bold" />
    <RadioButton Content="Adjacent" Height="16" HorizontalAlignment="Left" Margin="435,81,0,0" Name="rdBtnAdjacent" VerticalAlignment="Top" GroupName="Selection" />
    </Grid>
    </Grid>
    </TabItem>
    <TabItem Header="Change Background">
    <Grid Height="1000" VerticalAlignment="Top" Background="Bisque">
    <Button Height="70" Width="70" Margin="6,1,892,929" Name="btnBrowseImage" Click="btnAll">
    <Image x:Name="browseIcon" Source="D:\WPF\Projects\TabControlVRI_18_12_2014\Images\img.png" MouseLeftButtonDown="Image_MouseLeftButtonDown_1"/>
    </Button>
    <Button Height="70" Width="70" Margin="92,1,806,929" Name="btnCenterPoint" Click="btnAll">
    <Image x:Name="centerIcon" Source="D:\WPF\Projects\TabControlVRI_18_12_2014\Images\center.jpg" Width="54" Height="48" />
    </Button>
    <Button Height="70" Width="70" Margin="179,1,719,929" Click="btnAll">
    <Image x:Name="boundaryIcon" Source="D:\WPF\Projects\TabControlVRI_18_12_2014\Images\Path_Simple.png" Height="44" Width="49" />
    </Button>
    <Image Name="imgBackground" Height="800" Width="800" MouseLeftButtonDown="imgBackground_MouseLeftButtonDown">
    </Image>
    </Grid>
    </TabItem>
    </TabControl>
    </Grid>
    C# code:
    OpenFileDialog op = new OpenFileDialog();
    ImageBrush ib = new ImageBrush();
    private void Image_MouseLeftButtonDown_1(object sender, RoutedEventArgs e)
    op.Title = "Select a picture";
    op.Filter = "All supported graphics|*.jpg;*.jpeg;*.png|" +
    "JPEG (*.jpg;*.jpeg)|*.jpg;*.jpeg|" +
    "Portable Network Graphic (*.png)|*.png";
    if (op.ShowDialog() == true)
    ib.ImageSource = new BitmapImage(new Uri(op.FileName));
    imgBackground.Source = new BitmapImage(new Uri(op.FileName));
    CanvasPanel.Background = ib;
    Please help me out to get transparency for path in canvas to view background image in canvas.
    The complete code is in below link:
    https://onedrive.live.com/redir?resid=876CFAE94C306176!112&authkey=!AC1sQIYwyoRYT_o&ithint=file%2crar
    Regards,
    Viswa.

    Hi ViswAmmu,
    >>Please help me out to get transparency for path in canvas to view background image in canvas.
    If I'm not misunderstanding, I think you just need to loop through all Canvas.Children and set Opacity property for them:
    private void Image_MouseLeftButtonDown_1(object sender, RoutedEventArgs e)
    //Loop through all children items
    foreach(UIElement v in CanvasPanel.Children)
    v.Opacity = 0;
    op.Title = "Select a picture";
    op.Filter = "All supported graphics|*.jpg;*.jpeg;*.png|" +
    "JPEG (*.jpg;*.jpeg)|*.jpg;*.jpeg|" +
    "Portable Network Graphic (*.png)|*.png";
    if (op.ShowDialog() == true)
    ib.ImageSource = new BitmapImage(new Uri(op.FileName));
    imgBackground.Source = new BitmapImage(new Uri(op.FileName));
    CanvasPanel.Background = ib;
    Screenshot:
    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click
    HERE to participate the survey.

  • Get image Scroll bar position value

    How to get an image component scrollbar position value in flex.
    I have an image component in my application, when i scroll the horizontal scrollbar
    i need the current scrolled position. How to get the scrolled position in an image component.
    Kindly help in this issue.
    Rajkumar.

    Are you sure you want to use setOnScroll to listen to scroll events rather than set the value of the scroll bar position via the tableView.scrollTo api (which I would recommend) or the scrollBar.setValue() api?
    for (Node n: table.lookupAll(".scroll-bar")) {
      if (n instanceof ScrollBar) {
        ScrollBar bar = (ScrollBar) n;
        System.out.println(bar.getOrientation() + ": range " + bar.getMin() + " => " + bar.getMax() + ", value " + bar.getValue());
          if (bar.getOrientation().equals(Orientation.VERTICAL)) {
          bar.setValue(0.5);
    }If you did really, really want to use setOnScroll, then you could do something like this:
    Node flow = table.lookup("VirtualFlow");
    if (flow != null) {
      final EventHandler<? super ScrollEvent> originalScrollHandler = flow.getOnScroll();
      flow.setOnScroll(new EventHandler<ScrollEvent>() {
        @Override public void handle(ScrollEvent event) {
          System.out.println(event);
          originalScrollHandler.handle(event);
    }  Though you would be better off just using an eventfilter rather than using the strange lookup and setOnScroll chaining method in the above code.
    table.addEventFilter(ScrollEvent.ANY, new EventHandler<ScrollEvent>() {
      @Override public void handle(ScrollEvent event) {
        System.out.println(event);
        // uncomment if you don't want the default table scroll events processing to take effect.
        //event.consume();
    });

  • Scroll Bar missing on Safari web pages and unfamiliar screen saver image

    I recently upgraded my OS X from Panther to Tiger v. 10.4.11 and upgraded to Safari 3.1.2. Now the scroll bar down the right side is missing from the open web page in Safari. Where did it go and how do I get it back?
    Also, unfamiliar images appear, something like a screen saver when I leave my computer for a
    few minutes without putting it to sleep or shutting it down. It's a black/white/gray portrait of
    a woman and as the picture moves around the screen, the image magnifies. I have no idea
    where this image came from nor how to get rid of it. Any ideas?

    Hi Busy1, and a warm welcome to the forums!
    Could be many things, we should start with this...
    "Try Disk Utility
    1. Insert the Mac OS X Install disc that came with your computer, then restart the computer while holding the C key.
    2. When your computer finishes starting up from the disc, choose Disk Utility from the Installer menu. (In Mac OS X 10.4 or later, you must select your language first.)
    Important: Do not click Continue in the first screen of the Installer. If you do, you must restart from the disc again to access Disk Utility.
    3. Click the First Aid tab.
    4. Click the disclosure triangle to the left of the hard drive icon to display the names of your hard disk volumes and partitions.
    5. Select your Mac OS X volume.
    6. Click Repair. Disk Utility checks and repairs the disk."
    http://docs.info.apple.com/article.html?artnum=106214
    Then Safe Boot from the HD, (holding Shift key down at bootup), run Disk Utility in Applications>Utilities, then highlight your drive, click on Repair Permissions, reboot when it finishes.
    The usual reason why updates fail or mess things up, or things don't load/run, is if Permissions are not fixed before & after every update, with a reboot... you may get a partial update when the installer finds it doesn't have Permissions to change one obscure little part of the OS, leaving you with a mix of OS versions.
    Some people get away without Repairing Permissions for years, some for only days.
    If Permissions are wrong before applying an update, you could get mixed OS versions, if Directory is the slightest messed up, who knows!
    If many Permission are repaired, or any Directory errors are found, you may need to re-apply some the latest/biggest updates again, or even do an A&I if you have enough free disk space.
    The combo update for PowerPC-based Macs...
    http://www.apple.com/support/downloads/macosx10411comboupdateppc.html
    The combo update for Intel-based Macs...
    http://www.apple.com/support/downloads/macosx10411comboupdateintel.html
    Repair Permissions after re-install, then reboot again.
    If all the above do not resolve the problem, then it's time for an Archive & Install, which gives you a new OS, but can preserve all your files, pics, music, settings, etc., as long as you have plenty of free disk space...
    http://docs.info.apple.com/article.html?artnum=107120
    Might try this for Scroll Bars...
    http://lifehacker.com/5040043/add-double-scroll-arrows-to-both-ends-of-the-scrol l-bar
    when I leave my computer for a
    few minutes without putting it to sleep or shutting it down...
    Check System Preferences>Desktop & Screen Saver>Screen saver Tab for that.

  • Image Gallery & Scroll Bar

    Just exploring flash as a beginner, still.
    I've come across this website:
    http://www.jeremiahshoaf.com/
    I'm a fan of the scrolling portfolio idea the designer has used in the centre of the website's front page.
    Any ideas how this is produced?
    My presumption would be a MovieClip with images various other MovieClips inside (holding images etc) and then a scrollbar controlling how far across the screen the images are shown with actionscript?
    Knowing me I'm wrong, but any ideas would help me out to explore and learn further.
    Thanks for your great advice, as always.
    .. Also, I wondered if this could be produced, and as well as the scrollbar, the ability to add scrolling with the keyboard, left and right keys? Again, only a presumption, but I was thinking this might be simple with actionscript? Simply a piece of code to tell the scrollbar to move to the next MovieClip, if my initial presumption was correct.
    The above is only a small side note for those who feel they can assist - but thanks again for any help you can provide!
    This forum has been a huge help to me, in learning Flash so far.
    Thanks a lot.

    Well first you need a really long MovieClip with some graphics inside on it. That should be simple enough to do. Then you need a scrollbar. Just a rectangle should do for now. On this MovieClip give it a MOUSE_DOWN event listener and on that event use the "startDrag" function to add dragging functionality. Add a MOUSE_UP event listener to the stage and when that happens call "stopDrag" on the scroll bar clip. Then you can have an ENTER_FRAME event that actually updates the scrolling. On this event, check the scrollbar's x position and do some math to figure out the percentage you have scrolled. It might look like this:
    var percent:Number = scrollbar.x / (stage.width - scrollbar.width);
    Then update the main image container by the percent:
    var minPosition:Number = -500;
    bigImage.x = percent * minPosition;
    Hopefully that should be enough info to get you started.

  • View a image in a web app using scroll bars.

    I am using Dashcode to make a web app and i will be displaying images. How to i display the width of the image I can see the image by scrolling up and down but cannot see the width of the image as i cannot scroll left and right.
    I need a horizontal scroll bar so i can scroll along the width of the image.
    soz its kinda confusing.
    Basically i need to put an image in a scroll area but don't know how.
    Message was edited by: Calumks

    Looking at [http://sharepoint.stackexchange.com/questions/82591/in-powerpoint-web-app-2013-ppt-is-not-displayed-correctly-in-mac-os-mozilla-fire your screen shot] it reminds me of a problem with Flash on the Retina display not using the full area if hardware acceleration of graphics is disabled. See [https://support.mozilla.org/en-US/questions/968863 I'm only getting one quarter of a screen on Flash Player on Firefox] (unsolved).
    Not sure if that's relevant but does the display of the slide change if you make sure that hardware acceleration is enabled? The checkbox is here:
    Firefox menu > Prefences > Advanced
    On the "General" mini-tab, uncheck the box for "Use hardware acceleration when available"
    Note that any changes take effect after you exit and restart Firefox.
    To see whether Firefox actually is using hardware acceleration, you can check the troubleshooting information. Either:
    * Help > Troubleshooting Information
    * type or paste about:support in the address bar and press Enter
    Toward the end, in the Graphics section, look for this row:
    GPU Accelerated Windows
    The number will show a ratio of accelerated to non-accelerated window. If hardware acceleration is disabled, the first number will always be zero.
    By the way, is the SharePoint PPT viewer using Flash, or Silverlight, or another plugin? Typically Firefox will display an icon that looks a bit like a "Lego" block in the address bar showing what plugins are in use in the page.

Maybe you are looking for