Scrolling an image in a scroller container by dragging mouse

I have an image inside a group with a scroller. When the image is larger than the scroller size, I get the scrollbars and can pan the image as desired.
I have listeners that create and resize a rubber-band box as the user clicks on the image and drags the mouse over it. That's working fine.
What I want to add is an automatic, smooth scroll, so as the mouse is being dragged over the image, it begins to scroll as the mouse approaches the edges of the scroll area, and will continue to scroll smoothly until the edge of the image has been reached, or the user moves the mouse back.
This is how my components are set up:
<s:Scroller id="sourceScroller" width="450" height="500">
     <s:Group id="sourceScrollerGroup" horizontalScrollPosition="0" verticalScrollPosition="0">
          <s:Image id="sourceBitmap" mouseDown="_mouseDownListener(event)" mouseUp="_mouseUpListener(event)" />
     </s:Group>
</s:Scroller>
The image source is loaded dynamically.
My tests have involved changing the value of the sourceScrollerGroup.horizontalScrollPosition and .verticalScrollPosition, but that had no effect. I'm not sure how to proceed. Would appreciate any pointers in the right direction.

Try in safemode....
'''Try the Firefox Safe Mode''' to see how it works there. The Safe Mode is a troubleshooting mode, which disables most add-ons.''
''(If you're not using it, switch to the Default theme.)''
* You can open the Firefox 4.0+ Safe Mode by holding the '''Shift''' key when you use the Firefox desktop or Start menu shortcut.
* Or use the Help menu item and click on the '''Restart with Add-ons Disabled...''' menu item while Firefox is running.
''Don't select anything right now, just use "'Start in Safe Mode"''
''To exit the Firefox Safe Mode, just close Firefox and wait a few seconds before using the Firefox shortcut (without the Shift key) to open it again.''
'''''If it is good in the Firefox Safe Mode''''', your problem is probably caused by an extension, and you need to figure out which one.
Please follow the [[Troubleshooting extensions and themes]] article for that.
''When you figure out what's causing your issues, please let us know. It might help other users who have the same problem.''

Similar Messages

Image gallery with scrolling thumbnails?

Hi All,
I am trying to build an image gallery that will contain 1 big picture and a Horizental strip of thumbnails that will allow scroll trough the thumbnails
anyone can explain or point out a good tutorial for this?
Thanx,
Adi

Hi Adi,
do you really ask us for a tutorial, 'cause there are so many nice ready made solutions (with source code, which you could use as a tutorial too), like these:
http://www.efectorelativo.net/laboratory/noobSlide/ Sample 7
http://www.electricprism.com/aeron/slideshow/
http://opiefoto.com/articles/photoslider#example
http://sandbox.scriptiny.com/javascript-slideshow/
and so on...
Hans-Günter

XML scrolling thumbnail, image loader, & Buttons [halfway works]

Intro:
I started a flash-based website a few years ago. Back in 2006 I was able to get a xml scrolling thumbnail, image loader to work without a glitch.
For numerous reasons I had to put the project on hold until now. [one was that my 30 day trial of flash expired and only recently was I able to purchase the Adobe Web Suite CS4 as well as a new computer which could run the apps.]
Last Friday saw a bump in the road in the development of my site as two, rather straightforward task, turned into something short of a nightmare as I have been unable to get past these two, seemingly, relatively simple task.
I have posted in 4 other flash forums the issues, in detail, that I am facing - and have quite a bit of interest/views in the topic as the numbers suggest - yet no response/answer as of yet. [Which confirms other messages I have seen which seem to state that working with buttons has become increasingly difficult with the newer version of flash - something Im a bit surprised with actually from Adobe. - I would have thought there would be a palette where you could set parameters...]
Screenshot of Site/Timeline:
Before getting into the two questions I have, I would like to post an image of the site as it looks whenever an swf file is saved out, as well as a piece of the timeline in the back for reference.
Issue #1
As of now when the swf file is saved out you get exactly what you see above:
a: A scrolling thumbnail
b: ...which loads a large image when clicked on it - PEFECT...
BUT...
1a: I need for the buttons to load in this action, not for it to just load on its own.
[i.e., the silk_paintings gallery is what is open, so I need the "silk_paintings" button to call up this action]
note: Initially I had attacked this problem by taking out the actions layer you see above and applying it directly to the individual buttons with some crude MouseEvent Listener/Handerls... that did not work - at all.
Im sure it may be "easier" to make an array out of it, but with my coding level it may be "easier" to apply it to the buttons.
1b: How I currently see it, I would take the xml-list and duplicate it for the number of galleries I have.
[I would then re-name the xml-list to reflect the name of the galleries they are to represent, i.e. "silk_paintings"]
[also, I would have to rename the folders to "thumbnails1,2,3, etc., & "images 1,2,3, etc"
From there I would duplicate the actions and paste it into the buttons, changing the xml-list name to that of "silk_paintings", etc., as well as write in the MouseEvent listener Handler to make it work. [ah, ha, but what is that magic phrase, I have tried to implement various code from other tutorials, and all in vein.]
Issue #2
At this point I would be tickled pink just to get this to basic function to work.
However, once the buttons are working and calling up the xml, etc., then I need the buttons to stay on the semi-transparent blue color it is whenever in the 'hit' state. [note: NOT pictured above.]
With the way the buttons are currently set up, and with wanting to use scripting to get them to interact with the thumbnail gallery, it will have to be some miraculous code to tell that button what color to stay as whenever its clicked, and of course it going back to white when another button is clicked.
Conclusion:
Since this is an Adobe Forum I would like to make a few additional statements in hopes that the developers, etc. may take heed.
Adobes products are not cheap, and when I went to purchase the websuite I went in as a designer needing a program as not to need to program.
I understand the flexibility that coding gives, but something as simple as linking buttons should not be in the realms of rocket science. [yes, for many its not...but my brain just does not operate that route despite all the tutorials thrown at me.]
Again, it would seem that there would be a button panel where you could drag options like scrolling thumbnail slider, loader, and then parameters would come up. [much like Apples iWeb. - but before the argument of one being pro and the other for non-pros, I see it differently. Software should not be the limiting factor in how flexible you can design, or rather ones lack of programming shouldnt be. With all the talented, and I say this in all humility and honesty, programmers working for Adobe, Im sure something could be programmed like what Im asking for.]
note: Director is a good example, back in 1997 I knew nothing of multimedia and in one week I had assembled a portfolio, clicking buttons, speech, movies, and all. - and no, I dont have the money to buy more software!
At this moment I am at the mercy of someone who reads code like its a nighttime tale they are telling their kids, and who can see the exact issue I have and can share the appropriate, correct code. [as I have noticed, it has to be on target - naturally - but this target changes with just a slight change in the design.]
Thank you,
peace
Dalen
p.s.
The actionscript: [note: This is only the current working/good code that Im trying to get the buttons to call up.]
stop();
fscommand("allowscale", false);//keep SWF display at 100%
var x:XML = new XML ();//Define XML Object
x.ignoreWhite = true;
var fullURL:Array = new Array;//Array of full size image urls
var thumbURL:Array = new Array;//Array of thumbnail urls
var thumbX:Number = 25;//Initial offset of _x for first thumbnail
x.onLoad = function(){ //Function runs after XML is loaded
    var photos:Array = this.firstChild.childNodes;//Defines variable for length of XML file
     for (i=0;i<photos.length;i++) {//For loop to step through all entry lines of XML file
          fullURL.push(photos[i].attributes.urls);//Each loop, adds URL for full sized image to Array fullURL
          thumbURL.push(photos[i].attributes.thumbs);//Each loop, adds URL for thumbnails to Array thumbURL
          trace(i+". Full Image = "+fullURL[i]+" Thumb Image = "+thumbURL[i]);
          var t = panel.attachMovie("b","b"+i,i);//Each loop, Define local variable 't' as a new instance of 'b' movie clip, given unique instance name of 'b' plus the index number of the For loop
          t.img.loadMovie(thumbURL[i]);// Each loop, load thumbnail image from XML data into variable movie clip
          t._y = 0;//Set Y coordinate of variable movie clip
          t._x = thumbX;//Set X coordinate of variable movie clip based on variable thumbX
          t.numb = i;//Set sub-variable 'numb' inside variable t to hold index number
          t._alpha = 75;//Set the Alpha value of the variable movie clip to 75% - for onRollOver highlight action
          thumbX += 55;//Increment thumbX value so next thumbnail is placed 125 pixels to the right of the one before
          t.onRollOver = function () {//define onRollOver event of the variable movie clip
               this._alpha = 100;//Set thumbnail alpha to 100% for highlight
          t.onRollOut = function () {//define onRollOut event of the variable movie clip
               this._alpha = 75;//Reset thumbnail alpha to 75%
          t.onPress = function () {//define onPress event of the variable movie clip
               this._rotation += 3;//rotates thumbnail 3 degrees to indicate it's been pressed
               this._x += 3;//Offset X coordinate by 3 pixels to keep clip centered during rotation
               this._y -= 3;//Offset Y coordinate by 3 pixels to keep clip centered during rotation
          t.onReleaseOutside = function () {//define onRelease event of the variable movie clip
               this._rotation -= 3;//rotate thumbnail back 3 degrees
               this._x -= 3;//Reset X coordinate by 3 pixels to keep clip centered during rotation
               this._y += 3;//Reset Y coordinate by 3 pixels to keep clip centered during rotation
               this._alpha = 75;//Reset thumbnail alpha to 75%
          t.onRelease = function () {//define onRelease function to load full sized image
               this._rotation -= 3;//rotate thumbnail back 3 degrees
               this._x -= 3;//Reset X coordinate by 3 pixels to keep clip centered during
               this._y += 3;//Reset Y coordinate by 3 pixels to keep clip centered during
               this._alpha = 75;//Reset thumbnail alpha to 75%
               holder.loadMovie(fullURL[this.numb]);//Load full sized image into holder clip based on sub-variable t.numb, referenced by 'this'
     holder.loadMovie(fullURL[0]);//Initially load first full size image into holder clip
x.load ("silk_paintings.xml");// path to XML file
panel.onRollOver = panelOver;
function panelOver() {
     this.onEnterFrame = scrollPanel;
     delete this.onRollOver;
var b = stroke.getBounds(_root);
function scrollPanel() {
     if (_xmouse<b.xMin||_xmouse>b.xMax||_ymouse<b.yMin||_ymouse>b.yMax) {
     this.onRollOver = panelOver;
     delete this.onEnterFrame;
     if (panel._x >= 740) {
     panel._x = 740;
if(panel._x <= (thumbX-10)) {
          panel._x = (thumbX-10)
     var xdist = _xmouse - 830;
     panel._x += -xdist / 7;
The xml:
<?xml version="1.0" encoding="ISO-8859-1"?>
<slideshow>
<photo thumbs="thumbnails/i_brown_fairy.jpg" urls="images/brown_fairy.jpg" />
<photo thumbs="thumbnails/i_blonde_fairy.jpg" urls="images/blonde_fairy.jpg" />
<photo thumbs="thumbnails/i_flower_fairy.jpg" urls="images/flower_fairy.jpg" />
<photo thumbs="thumbnails/i_red_fairy.jpg" urls="images/red-fairy.jpg" />
</slideshow>
Attached is a link to the file I made named "index".
https://rcpt.yousendit.com/706233226/5e7b4fe0973dacf090b5cbae32c47398
I would have liked to have included the following files but was limited due to "you-send-it" not uploading folders. Files not included: [but functioning] : xml list - images [folder] - thumbnails [folder]
Again, Thank you
Dalen

The issues with the buttons calling up the scrolling thumbnail panel have been resolved, as well as keeping the buttons in their hit state once clicked, thanks to Rob.
Those that have been following this thread, or stumble upon it in their searches later, may appreciate to see the final solution to this particular issue.
[Hopefully I will be able to update this thread with a url in the future to show the site in operation, which may help somebody with their project in the future if its set up similarly.]
Alas, it would be nice if future versions of flash had a more direct, flexible, user friendly method for creating navigation.
[We may see development beyond the flash ads which everyone seems to loathe... and more creativity with flash in terms of games, web interactivity, & animation.
Below are 2 sets of code:
a] the first is located within the first frame of the first button, and has some extra variables in it that the additional buttons call upon...
b] the second is the code applied to every other button.
stop();
fscommand("allowscale", false);//keep SWF display at 100%
var x:XML = new XML();//Define XML Object
x.ignoreWhite = true;
var fullURL:Array = new Array();//Array of full size image urls
var thumbURL:Array = new Array();//Array of thumbnail urls
// ....... CHANGE
var thumbX:Number;// = 25;//Initial offset of _x for first thumbnail
// make an array of all of the instance names of each button object...
// only do this once
var buttonsList:Array = new Array(shadesOfGrey, silkPaintings);
shadesOfGrey.isLatched = false;
// the rollover function... repeat for each button
shadesOfGrey.onRollOver = shadesOfGrey.onDragOver=function ():Void {
     if (!this.isLatched) {
          this.gotoAndStop(2);
// the rolloff function... repeat for each button
shadesOfGrey.onRollOut = shadesOfGrey.onDragOut=shadesOfGrey.onReleaseOutside=function ():Void {
     if (!this.isLatched) {
          this.gotoAndStop(1);
// the mouse press function... repeat for each button
shadesOfGrey.onPress = function():Void {
     resetAllButtons();
     this.isLatched = true;
     this.gotoAndStop(3);
shadesOfGrey.onRelease = function():Void {
     x.load("shadesOfGrey.xml");// path to XML file
     thumbX = 25;
function resetAllButtons():Void {
     for (b in buttonsList) {
          buttonsList[b].isLatched = false;
          buttonsList[b].gotoAndStop(1);
x.onLoad = function() {//Function runs after XML is loaded
     // resets the position of the panel on each new load
     panel._x = 740;
     // ....... CHANGE removes the existing movieclips from the panel before any new load...
     for (c in panel) {
          if (typeof (panel[c]) == "movieclip") {
               removeMovieClip(panel[c]);
     var photos:Array = this.firstChild.childNodes;//Defines variable for length of XML file
     for (i=0; i<photos.length; i++) {//For loop to step through all entry lines of XML file
          fullURL.push(photos[i].attributes.urls);//Each loop, adds URL for full sized image to Array fullURL
          thumbURL.push(photos[i].attributes.thumbs);//Each loop, adds URL for thumbnails to Array thumbURL
          //trace(i+". Full Image = "+fullURL[i]+" Thumb Image = "+thumbURL[i]);
          var t = panel.attachMovie("b", "b"+i, i);//Each loop, Define local variable 't' as a new instance of 'b' movie clip, given unique instance name of 'b' plus the index number of the For loop
          t.img.loadMovie(thumbURL[i]);// Each loop, load thumbnail image from XML data into variable movie clip
          t._y = 0;//Set Y coordinate of variable movie clip
          t._x = thumbX;//Set X coordinate of variable movie clip based on variable thumbX
          t.numb = i;//Set sub-variable 'numb' inside variable t to hold index number
          t._alpha = 75;//Set the Alpha value of the variable movie clip to 75% - for onRollOver highlight action
          thumbX += 55;//Increment thumbX value so next thumbnail is placed 125 pixels to the right of the one before
          t.onRollOver = function() {//define onRollOver event of the variable movie clip
               this._alpha = 100;//Set thumbnail alpha to 100% for highlight
          t.onRollOut = function() {//define onRollOut event of the variable movie clip
               this._alpha = 75;//Reset thumbnail alpha to 75%
          t.onPress = function() {//define onPress event of the variable movie clip
               this._rotation += 3;//rotates thumbnail 3 degrees to indicate it's been pressed
               this._x += 3;//Offset X coordinate by 3 pixels to keep clip centered during rotation
               this._y -= 3;//Offset Y coordinate by 3 pixels to keep clip centered during rotation
          t.onReleaseOutside = function() {//define onRelease event of the variable movie clip
               this._rotation -= 3;//rotate thumbnail back 3 degrees
               this._x -= 3;//Reset X coordinate by 3 pixels to keep clip centered during rotation
               this._y += 3;//Reset Y coordinate by 3 pixels to keep clip centered during rotation
               this._alpha = 75;//Reset thumbnail alpha to 75%
          t.onRelease = function() {//define onRelease function to load full sized image
               this._rotation -= 3;//rotate thumbnail back 3 degrees
               this._x -= 3;//Reset X coordinate by 3 pixels to keep clip centered during
               this._y += 3;//Reset Y coordinate by 3 pixels to keep clip centered during
               this._alpha = 75;//Reset thumbnail alpha to 75%
               holder.loadMovie(fullURL[this.numb]);//Load full sized image into holder clip based on sub-variable t.numb, referenced by 'this'
     holder.loadMovie(fullURL[0]);//Initially load first full size image into holder clip
// this one function scrolls the panel for all of the buttons, it gets the
// size of the panel when the images are loaded by any given button...
stroke.onEnterFrame = function() {
     if (this.hitTest(_xmouse, _ymouse, false)) {
          if (panel._x>=740) {
               panel._x = 740;
          if (panel._x<=740-panel._width+mask._width) {
               panel._x = 740-panel._width+mask._width;
          if ((panel._x<=740) && (panel._x>=740-panel._width+mask._width)) {
               var xdist = _xmouse-830;
               panel._x += -xdist/7;
Of note is the change to how the movie clips are measured... this change in and of itself has really helped to make the thumbnail panels operation more efficient.
Below is the script for each additional button: [Having issues with the forums not letting me post additional code, so I will put the remaining code in a reply below.]
cont.

How to adjust the space between images in a carousel or images with horizontal scroll

I use the next steps to create a carousel or horizontal scroll of images:
Webcenter portal: Spaces
Spaces
Manage Settings
Pages
Create page
Content management
Content presenter
Add images with Plus Icon
It works, but between every image has a lot of space, can you tell me how to reduce the space between every image.
My Oracle Version 11gR1 (11.1.1.3.0)
Regards
Tomas Reyes

Remove line 234 in your HTML code.
<p>& n b s p</p>
This is a redundant line of code. Your spacing should get resolved.
PS: I've given spaces between the tag because otherwise this forum would not display the line correctly.

Parallax scrolling to images

hey i am wondering if you know of a way to add parallax scrolling to image slide tumbnail slide shows ?
this is what i am working on. i am using the compostion lightbox display, and in there. i have a thumbanil slide show. nowi have managed to get that in there. with the triggors.
now. i am wanting to see if i can added thumbnail slides that when i hit the slide, it shows the next set of images.
example.
engagment| Bridal| wedding
its one slide show, but when you hit it. you can go to the next slide, like how you have slide 1, 2 and 3. that what i am thinking is what parallax scrolling is?
can it be done? if so how?

Thanks for your reply. I tried applying the following AS2 script to each image:
For the first movie clip I used:
animator = createEmptyMovieClip('animator',1);
bg_1 = animator.attachMovie('star1','bg_1',1);
bg_2 = animator.attachMovie('star1','bg_2',2);
bg_1._x = -bg_1._width/2;
bg_2._x = bg_2._width/2;
speed = 1;
starWidth = 950;
animator.onEnterFrame = function() {
    bg_1._x -= speed;
    bg_2._x -= speed;
    if(bg_1._x <= -bg_1._width) bg_1._x = starWidth;
    if(bg_2._x <= -bg_2._width) bg_2._x = starWidth;
For the second movie clip I used:
animator = createEmptyMovieClip('animator',2);
bg1 = animator.attachMovie('star2','bg1',1);
bg2 = animator.attachMovie('star2','bg2',2);
bg1._x = -bg1._width/2;
bg2._x = bg2._width/2;
speed = 2;
starsWidth = 950;
animator.onEnterFrame = function() {
    bg1._x -= speed;
    bg2._x -= speed;
    if(bg1._x <= -bg1._width) bg1._x = starsWidth;
    if(bg2._x <= -bg2._width) bg2._x = starsWidth;
And for the third and final movie clip I used:
animator = createEmptyMovieClip('animator',3);
bg01 = animator.attachMovie('star03','bg01',1);
bg02 = animator.attachMovie('star03','bg02',2);
bg01._x = -bg01._width/2;
bg02._x = bg02._width/2;
speed = 3;
starssWidth = 950;
animator.onEnterFrame = function() {
    bg01._x -= speed;
    bg02._x -= speed;
    if(bg01._x <= -bg01._width) bg01._x = starssWidth;
    if(bg02._x <= -bg02._width) bg02._x = starssWidth;
I thought this would work, but when I tested the movie all three movie clips moved together at the same speed. I want each movie clip to move at a different speed, but I'm completely stuck.

Hero image shakes when scrolling

The hero image shakes when scrolling in Safari and IE. Any solutions?
Many thanks.

http://gregbareselgolf.businesscatalyst.com/index.html
Thanks Aish

FC Image Gallery w/Scrolling Question

This is probably the least of anyone's concern at this point, but in lieu of documentation and best practices, I thought I'd ask anyway. Maybe someone from Adobe will be able to answer. I think I've consumed every tutorial available on the internet and haven't come across this yet.
As far as I can tell variables aren't readily available in FC (although learning MXML may resolve that), so I'm not sure how to build this.
I'm trying to design a photo gallery, in which images can be scrolled, faded in-out, or something by clicking a NEXT and PREVIOUS button.
The problem is knowing which image is visible at any given point.
I've been able to accomplish this by creating a separate state for each image and then 'onclick' - transition to the next (or previous) state. It's not working perfectly, the code generated automatically to perform the transition is slightly off and then when I go in to tweak it manually, I just make it worse.
What I'm wondering: is this the best way to do this or is there a simpler way?
OR am I trying to use FC inappropriately? I initially saw FC as an alternative to learning Flash (I've been trying for months - seriously) but I'm realizing that FC's main purpose seems to be as an elevated design tool and Flash Builder is meant to inject functionality and add the FC design into the workflow.
Should we not view FC as an endpoint?

>>>using the onClick with the "when in " " state"
That's what I said I was currently doing, in my post. What I was asking is, if that's the best way to accomplish it. If I have 100 images and 100 transitions, it's going to get messy.
Creating separate transitions seems more like brute force rather than elegance and I can't imagine a programmer wanting to see all those transitions.
There's another way to 'almost' accomplish this with far less code by grouping all of the images and then 'moving' them in the timeline 'onClick', but there's the snag of not knowing where you are. I hate to say it, but a hook into javascript might be useful.
As far as the 'slightly off' statement, I just meant that the product is a bit buggy and that's expected, so it caused me to wonder if I was even taking the right approach. If it's the only approach then it's the right one, but I don't know, so's I'm askin.
As I was typing in my original post, it began to dawn on me that my view of FC may be skewed. I mentioned that I was hoping FC would enable the individual user (e.g. freelancer) to develop UI's for real world use, without learning AS3, but that may not be the case at all. If we need to learn Flash Builder to accomplish that, then I should probably get back to learning AS3.
I've been a programmer for 25 years, but AS3 has been kicking my butt for 6 months. I'm trying to get away from programming to create art, but the programmer in me can't hand off the task off to someone else (much less be able to afford it.)
A boy can dream....

How can I have a browser image that scrolls with images on top of it scrolling in tandem -

How can I have a browser image that scrolls with images on top of it scrolling in tandem - so the background is a hexagon pattern with small images inside some hexagons and I want them all to be scrollable as a user uses the browser scroll bars. At the moment the background image jumps when I preview so the small hexagons all become out of alignment. Any tips appreciated. I have browser image set to tile - pinned at the middle and set to scrolling - the small images are not pinned -

Thanks for your answer - The images on the top layer are also links and change to show they're links on rollover - so I wanted to keep them as separate graphics - and it works to a point but when I preview the page in a browser the tiled browser image always moves no matter how I pin it and then everything becomes unaligned. Any further suggestions appreciated.

Scrolling an image at the end of a ticker

hi,
I am koushik from India. I am working in j2me(cldc-midp), for last six months.
I have successfully scrolled a ticker and also worked with image.Now I want to scroll an image at the end of a ticker.So, at first I want to scroll an image independently, then I'll go for that. I want to do it not using Timer or I don't want it as a keyEvent,it should scroll like a ticker horizontally at the top of the emulator.Is it possible using Canvas,repaint()......
if it possible , can anybody help me giving a sample code.

Hi,
Because it's an assignment that you've got to make we won't just post complete source code that can be pasted into your Canvas code. As a matter of fact, I don't have source code that accomplishes something similar, so I can't post any code.
I will try to give some hints etc...
Okay, you're not using the Ticker class. That's okay and the scenario is clear.
You probably have got a Canvas screen in which you've made a sort of rectangle at the top of the screen. This rectangle (probably a filled rectangle) represents your titlebar. In this rectangle you will draw parts of a text during each run of the thread (timer).
There are some interesting challenges: the process should be very smooth to let your ticker animate very realistic. The text will be drawn using a dynamic x coordinate. However, you will need to draw text first, then drawing a filled rectangle or something at the left or the text and at the right of the text to simulate that characters are visualised for only a certain part (like how the ticker does that).
A fast thread (that sleeps for limited milliseconds) will obviously cause flickering on the screen that might be prevented with double buffering stuff. However this might be complicated on the mobile (the implementation should support double buffering to be able to use it), so then try to increase the delay between the (re)paint actions.
The paint method should be clean and simple. Do not use any impressive calculations there. Try to find a balance in using class member variables and local calculations (in the paint method). Try to prevent the usage of local member variables in the paint method, to reduce processor load and heap usage.

Can't get image in the scroll pane.

I have written a program to show image in scrollpane. Image has put in the same directory of program. But Still I am not getting image in the scroll pane.
Please have a look into program and let me know where I commit mistake.
package com.lko.fx.controls;
import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.ScrollPane;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.paint.Color;
import javafx.stage.Stage;
* @author Upadhyay
public class ScrollPaneFx extends Application{
private Scene scene;
private Group root;
* @param args
public static void main(String args[]){
launch(args);
* @param primaryStage
* @throws Exception
@Override
public void start(Stage primaryStage) throws Exception {
root = new Group();
scene = new Scene(root, 300, 240, Color.WHITE);
scrollPaneDemo();
primaryStage.setTitle("ScrollPane Demo");
primaryStage.setScene(scene);
primaryStage.show();
private void scrollPaneDemo() {
ImageView imgView = new ImageView(new Image(this.getClass().getResourceAsStream("img.png")));
ScrollPane spane = new ScrollPane();
spane.setContent(imgView);
root.getChildren().add(spane);
Thanks in Advance!
Regards,
Himanshu

Ok, check whether it is the image loading or something else in your code. Is the result of the getClass().getResource() method null or not null? Once we know that we know which direction to hunt in.
Also I assume you are running in an IDE. Which one? Make sure the build picks up images. Maven for example won't pick them up from your 'src/java' directory.

How do I place an image in a div container for only 1 page?

I am designing a web site for my wife using DW. The basic
look of all the pages follow this format: <darhosta.com>. I
need to make about four pages that look different that the basic
look above. In essence I want to make the background white and have
a 'background image in the div container. Thanks to Nancy, who
frequents these forums, I was able to get rid of the background
image that surrounds the main div container with the CSS she
suggested. (Here's the page with Nancy's suggestion of the correct
CSS and where to insert it -Thanks Nancy-: <
http://darhosta.com/Pages/iltn.html>
The page is almost done but I want to have a background image
in the main div container. I've been trying to figure this out on
my own but haven't been able to. Can anyone help me? Thanks for the
help,
Lou
Note: Here the CSS that Nancy suggestion with my modification
included to get rid of the background. If anyone needs to see more
of the code please email me.
Thanks again,
<style type="text/css">
body {
background-image: none;

</style>
I now want to place an image in the div container. I've not
been able to figure out how to do this.

louhosta posted in macromedia.dreamweaver
> <
http://darhosta.com/Pages/iltn.html>
> The page is almost done but I want to have a background
image in
> the main div container. I've been trying to figure this
out on my
> own but haven't been able to. Can anyone help me? Thanks
for the
> help, Lou
> Note: Here the CSS that Nancy suggestion with my
modification
> included to get rid of the background. If anyone needs
to see
> more of the code please email me.
No need. All source is available from the link.
In ilth.html, change this:
<style type="text/css">
body {
background-image: none;

</style>
<link href="../css/global.css" rel="stylesheet"
type="text/css" />
<script src="../SpryAssets/SpryMenuBar.js"
type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css"
rel="stylesheet" type="text/css" />
to this:
<link href="../css/global.css" rel="stylesheet"
type="text/css" />
<script src="../SpryAssets/SpryMenuBar.js"
type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css"
rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-image: none;
background-color: #fff;
#container {
background-image: url(../images/global/bkPage.jpg);
</style>
By embedding the styles AFTER the linked stylesheets, the
rules
will overwrite property/value pairs in identical rules that
may already exist in the linked sheets - assuming no
!important.
Mark A. Boyd
Keep-On-Learnin' :)

Need help with scroll effects for horizontally + vertically scrolling website

Hi,
I recently came across a website that uses both horizontal and vertical scrolling where 1 scroll = full browser length move to the next section (as opposed to several rotations in a continuous motion of the mouse ball like the majority of websites). Please see the example here because I'm probably not explaining this very well : A Chocolate Bar, Restaurant and Shop for Chocolates, Fondue, Gift Boxes, and More | Max Brenner (http://maxbrenner.com).
I'm wondering if this effect is something that can be done in Muse and if so, how to do it. It's something I'm seeing more and more and almost behaves like a slideshow that can be controlled by scrolling.
Thank you!
Michele

Hi Michele,
I am afraid that this is not possible out of the box at this stage, I will recommend that you post this on the ideas section over here, Ideas for features in Adobe Muse
You can, in the mean time, use some CSS to disable the scroll bar, preventing the partial scrolling of the page and disabling the mouse wheel scrolling as well, leaving behind only your navigation to scroll through the page.
- Abhishek Maurya

How to make a scroll animation constantly fixed after scrolling? I want the animation to Start when I scroll down, but I don't want the animated thing to disappear when I scroll up again.

How to make a scroll animation constantly fixed after scrolling? I want the animation to Start when I scroll down, but I don't want the animated thing to disappear when I scroll up again.
I know how to start the animation by scrolling down, but I simply want it to stay there after it. Could you help me please, guys?

Hi Tom,
There is no native feature in Muse to achieve this.
Regards,
Aish

My little scroll button on top of my older model A1197 mouse.

My little scroll button on top of my older model A1197 mouse works only intermittantly and usually, if at all, only in one direction. ??

This is usually caused by debris building up between the rollerball and the rollers underneath. Sometimes you can free this up by turning the mouse upside down and rubbing the rollerball vigorously on a sheet of paper.

How to hold a texts scroll for 3 seconds then scroll off?

I'm using tweenlite. How do I hold the scroll for 3 seconds and scroll off the screen?
Here is my current tweenlite code.
TweenLite.to(txtField, 40, {x:-stage.stageWidth*2.25, ease:Linear.easeNone, delay:0.5, onComplete:Inspiration});
Thank you.

Okay, I'm not getting what I wanted. Here is my code:
TweenLite.to(txtField, 3, {x:200, ease:Linear.easeNone, delay:0.5});
var timer:Timer = new Timer(3000, 2);
    timer.addEventListener(TimerEvent.TIMER, scrollOut);
    timer.start();
function scrollOut(e:TimerEvent):void{
    TweenLite.to(txtField, 3, {x:-200, ease:Linear.easeNone, delay:0.5, onComplete:Inspiration});
I want the tweenlite to wait 3 seconds and the proceede with scroll off the screen that's why I have the scrollOut function; however, the effect is that the scrolling from right is pausing for 3 seconds every 2 seconds. How do I modify this?

Scrolling an image in a scroller container by dragging mouse

Similar Messages

Maybe you are looking for