Images in scroller - how to snap/dock

HI
I have a simple scroller containing an Hgroup of images (as below)
I need the images in this group to a 'snap' to the center of the scroller as they come through...(like how the symbols on a slot machine align on center)
as this container sits on top of another (also like a slot machine)
any help is appreciated
thanks
md
<s:Scroller x="312.1" y="120" width="400" height="50" alignmentBaseline="ideographicBottom" >
<s:HGroup id="hgroup" clipAndEnableScrolling="true" gap="200" horizontalScrollPosition="
900" paddingLeft="150" paddingRight="150">
<s:Image source="assets/h1.png"/>
<s:Image source="assets/h2.png"/>
<s:Image source="assets/h1.png"/>
<s:Image source="assets/h2.png"/>
<s:Image source="assets/h1.png"/>
<s:Image source="assets/h2.png"/>
<s:Image source="assets/h1.png"/>
</s:HGroup>
</s:Scroller>

Hi Nancy,
Thanks for your quix=ck response.
I put the code ad follows in the head of the page:
<!doctype html>




<html class="">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/mwfy_test.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/smooth.pack.js"></script>
<style type="text/css">
/* Special Rules for Mobiles */
@media only screen and (max-width:600px) {
body { background: #595959; }
/* Special Rules for Tablets, Desktops */
@media only screen and (min-width:601px) {
body {
background: #595959; url(img/background_mack_venezia.jpg) no-repeat fixed center center;
/**for Safari,Chrome**/
-webkit-background-size: cover;
/**for Firefox**/
-moz-background-size: cover;
/**for Opera**/
-o-background-size: cover;
/**for other browsers**/
background-size: cover;
-->
</style>
Between style tags.
This makes the background: #595959 for all viewports..see http://www.mwfy.nl/test.html
No background picture for tablet/desktop.
What do I wrong??
Martien

Similar Messages

Photos in album are only a hash-marked outline the image only shows when scrolling how can I see the image and open the photo?

Photos in iPhoto album are only a hash-marked outline the image only shows when scrolling how can I see the image and open the photo?

Make a temporary, backup copy (if you don't already have a backup copy) of the library and apply the two fixes below in order as needed:
Fix #1
Launch iPhoto with the Command+Option keys held down and rebuild the library.
Select the options identified in the screenshot.
Fix #2
Using iPhoto Library Manager to Rebuild Your iPhoto Library
Download iPhoto Library Manager and launch.
Click on the Add Library button, navigate to your Home/Pictures folder and select your iPhoto Library folder.
Now that the library is listed in the left hand pane of iPLM, click on your library and go to the File ➙ Rebuild Library menu option
In the next window name the new library and select the location you want it to be placed.
Click on the Create button.
Note: This creates a new library based on the LIbraryData.xml file in the library and will recover Events, Albums, keywords, titles and comments but not books, calendars or slideshows. The original library will be left untouched for further attempts at fixing the problem or in case the rebuilt library is not satisfactory.
OT

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.

How do I achieve browser width images with scroll motion set to 0?

How do I achieve browser width images with scroll motion set to 0?
An example can be seen here with the green image: http://www.qooqee.com/templates/aroma
I can get the rectangle to stretch the width of the browser but not the image fill. (see - http://www.tomwellsassociates.com)
My Muse fill settings:
Fill type: Solid
Colour: None
Fitting: Tile vertically
Position: Bottom Centre
Scroll motion: On (Up - 0)
Image Size:
3311 x 3311 px
Display: Apple imac 27"
Any suggestions/help would be much appreicated...

Please check out: http://forums.adobe.com/message/5701908
Cheers,
Vikas

How to stop browser background image from scrolling?

So is there a way (an easy way) to stop browser background image from scrolling with the page?
Thanks
m

If it's a single image, add this code to center the page horizontally:
parent.document.body.style.backgroundPosition='50% 0%';
http://www.wyodor.net/_Demo/tmf/Duckmenu.html
http://www.wyodor.net/_Demo/duckmenu/duckassets/Spoorbackground.gif

How to Snap

Hi everyone,
I am newbie here.
Can someone please tell me how to snap such as the attached image?
Please notify me by email when there is a reply.
Thank you
Jarlabs
http://s11.postimage.org/eznfpmu83/Adobe_Illustrator.png

my instructions were valid for the shapes and scenario shown in the image in your original post. Did you try that? Your last post shows that you are doing something quite different. In this case you can't use the same steps and approach.
Also when using the Free Transform tool you don't release the Ctrl button before releasing the mouse button if you want to retain the free transformation.
For your last case, I would put a box fitting around the ellipse and manipulate them together using the box as a guide for the Free Transform tool. Snapping is not possible in this case but with a few adjustments you can reshape the box and the containing ellipse to fit in the target shape.
Another way is to use Envelope distorted made with a Mesh but while this can give you precise snapping of the corners of the box to the corners of the target shape, the ellipse itself will be reshaped by the length of the handles which takes more manual adjustments and subjective shape decision to make the deformation. For this reason I would use the first method.

The app icons and font on my iPhone 4 just went to massive making it difficult to even scroll how can I change it back, where do I go which menu? Thanks in advance

The app icons and font on my iPhone 4 just went to massive making it difficult to even scroll how can I change it back, where do I go which menu? Thanks in advance

Next time you accidentally use 3 fingers it will zoom again. Unless you need the feature you're better to turn it off

Ps cs6 on mac. since installing yosemite, when working on an image if i want to change tool, via shortcut of wacom pen click, i now have to click on the image title bar, how can i fix this please?

ps cs6 on mac. since installing yosemite, when working on an image if i want to change tool, via shortcut or wacom pen click, i now have to click on the image title bar, how can i fix this ?

@Naiks, having suffered through unsuccessful synching attempts for Calendar and Contacts myself, l would suggest you try the following:
UNINSTALL iCloud control panel from your PC. Seems silly, but do it.
Go into Outlook, and look at the very top menu. Click FILE, then ACCOUNT SETTINGS, then click the popup box.
You will see a list of all your email accounts. Make sure that ONE of them has a checkmark against it. If not, select the account your want as your default, and click "set as default.
Exit out of Outlook and reboot your machine.
Now reinstall iCloud, check CALENDAR and CONTACTS, and do as instructed when prompted.
Reboot for good luck and now launch OUTLOOK. All that remains is to locate your iCloud Contacts and Calendar files, and make them your default.
IMPORTANT: Don't panic if you can't find your contacts -- they're there. Click CONTACTS and you'll see you have several available contact files. Locate the one label "iCloud" in grey type. Right-click on it, select PROPERTIES, then click the Outlook Address Book tab. Check the box that says something like "Make this my default Outlook Address Book." Keep clicking "apply" and "okay" until you've exited out of the dialog box maze.
You may have to do something similar with your Calendar files. I dd not, but if you need to, do it.
Everything should now sync pretty seamlessly.
I didn't have the exact same problem as you, but my dilemma was close enough. Good luck!
Arthur P. Johnson

Once image is edited- how do I save it to desktop or a file to later insert it in an illustrator layout? I tried to save it and it saved but it opens into photoshop elements editing page

once image is edited- how do I save it to desktop or a file to later insert it in an illustrator layout? I tried to save it and it saved but it opens into photoshop elements editing page

Right click > Open with and choose the program to open it.

TS3092 my wireless apple mouse works to move the arrow but will not scroll. how can I fix this?

my wireless mouse moves the pointer but does not scroll, how can I fix this?

Check the setting in System Preferences > Universal Access > Mouse & Trackpad tab > mouse options.. button > check scrolling.
If you have an older mouse with the trackball, it might just need cleaning. Turn the mouse over and rub the trackball vigorously on paper or microfiber cloth.
Regards,
Captfred

What is an ISO Image? and how do I use bootcamp?

What is an ISO Image? and how do I use Bootcamp

Heya!
An .ISO image is a well, form of image file. :3
If you want to change it to a .img/.dmg (Which are, essentially, the same file) you can use this Terminal command:
hdiutil convert -format UDRW -o /path/to/target.img /path/to/original.iso
OSX tends to chuck a .dmg on the end after conversion, just get rid of it if you don't want it. Apple's Bootcamp FAQ should help you using bootcamp, but I'm not sure if OSX 10 has bootcamp. You can always try searching for it.
Tell us what happens!

Hi i insttalled the free trial 3O days MacScan on OsX10.5 is it normal that for full scaning it takes so long time more even than one day?! on the other hand this application hasn't any uninstaller on image disc ,so how can i uninstal it from my hard?

Hi i insttalled the free trial 3O days MacScan on OsX10.5 is it normal that for full scaning it takes so long time more even than one day?! on the other hand this application hasn't any uninstaller on image disc ,so how can i uninstal it from my hard?Thanks

Get rid of the tracking cookies. They are used to profile and track your browsing history. While they are privacy invading, by calling them spyware, MacScan is being a little dramatic in trying to sell you its crap. And in the future, for whatever browser you use, don't allow third-party cookies.
To prevent tracking, get Ghostery. In addition to having Ghostery and forbidding third-party cookies, I clear out all cookies from one browsing session to another. If you always do that, you won't have any tracking cookies to worry about, so you won't need MacScan to find them for you. Btw, MacScan finds the tracking cookies in the first few minutes of scanning; if you want to use it for that, then that's all the time you need to run it for. But, as I said, you won't have any tracking cookies around if you just remove all cookies and don't allow third-party cookies. As soon as you visit a site that needs them, you'll just get new ones. No problem.
Read all about cookies here.
http://en.wikipedia.org/wiki/HTTP_cookie

My Image Getting Scrolled in Tabstrip Change or Pagedown in Module Pool

Hi All ,
I have designed a module pool with Tabstrip . On the Top i have displayed image . My Tab1 is for Coversion , Tab2 is for Interface . When Click on the Interface Tab and Press page down the image also scrolls down and gets displayed in the Mid of the screen and when i press ESC button iimage goes to its normal position . I have created a Custom Container , I have also tried making a subscreen and display image but still same results . Please help me out in this ..
Thanks & Regards
Shankar
Edited by: Shankar SB on May 24, 2011 12:46 AM

SEARCH in SCn before posting you will get so many threads like these.
[Image in module-pool|https://forums.sdn.sap.com/click.jspa?searchID=24201936&messageID=3844659]

How to Snap to a point to measure it and create a line.

Hello, i'm new to Illustrator and would like to know how to snap to a point. i have a rectangle and would like to measure the exact distance between the edge of the rectangle to the edge of another rectangle. also, how do i create a line, starting with one end snapped to the edge of another object?
Thanks guys.

Ok, how does the rect method actually work? Can you do a step by step process please?? Sorry I am new at it! Still lots to lear.
Regards,
908689Ab. Ltd
STONEY RIDGE BUSINESS CENTRE
SAM BRIERLEY | IT/Phones/Security
41 Royal Vista Dr. N.W. | Calgary Ab. | T3R 0H9
tel. 403-277-1551 | cell. 587-227-2653 | e. <mailto:[email protected]> [email protected]

How to develop docking windows like the ones in NetBeans?

Hello,
I am looking for the answer to how to develop docking windows like that in NetBeans?
I have been going through APIs of NetBeans' source code. I find the package org.netbeans.swing.tabcontrol. And I have tried the demo program in the folder. But I still do not know how the docking is implemented?
Can someone give me some hints or advice on this? Thanks.

What if I want to use the source code of NetBeans?
You know unlike Eclipse, it is developed by Swing. It is quite successful project with nice GUI, and most important, it is open source.
But how do they implement in NetBeans?

Images in scroller - how to snap/dock

Similar Messages

Maybe you are looking for