Scrolling thumbs gallery offset
hi guys,
i'm currently re-using a code snippet of xml gallery with scrolling thumbs, but i got a problem :
my mask is stagewidth and my pictures holder depend of thumbs numbers,
sometimes after resizing windows browser, while scrolling to the browser sides limit i cannot see the end of the last pic or the start of the first pic,
how to fix that ?
here the code :
function scrollThumbs(event:Event) : void {
speedRNDM = -content_mc.itemHolder_mc.width / slideMask_mc.width * mouseX + mouseX;
if (content_mc.itemHolder_mc.width < slideMask_mc.width)
content_mc.itemHolder_mc.x = 0; // stay at origin if stage width is longer than itemHolder : we see all pictures (no scrolling needed)
else {
content_mc.itemHolder_mc.x = content_mc.itemHolder_mc.x + Math.ceil((speedRNDM - content_mc.itemHolder_mc.x) * speedX);
if (content_mc.itemHolder_mc.x > 0)
content_mc.itemHolder_mc.x = 0; // need smoother move here..
if (content_mc.itemHolder_mc.x < slideMask_mc.width - content_mc.itemHolder_mc.width)
content_mc.itemHolder_mc.x = Math.ceil(slideMask_mc.width - content_mc.itemHolder_mc.width);
return;
Hi,
ok i got more time now to get back on this,
i've uploaded the simplified source to isolate the bug :
http://missjohanna.free.fr/scrollbug.zip
if someone may have a look on this ,
that's only a 2 mn fix for a skilled as3 programmer,
but for me a headache
thanks
Similar Messages
-
Help with scrolling image gallery?
Hi, using the code for a scrolling image gallery found here (Build an Infinite Scrolling Photo Banner With HTML and CSS | Design Shack). When I pasted in the CSS and HTML, it displayed all vertically and broke my title div. Not a professional, so I could use an expert eye to point out any mistakes. Trying to make title in vertical center of page, scrolling image gallery horizontal in the middle, and links directly below. HTML is below:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- TemplateBeginEditable name="doctitle" -->
<title>Marc Moss Art</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link href="style.css" rel="stylesheet" type="text/css">
<link href="../../../../style.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body topmargin="600">
<div id="wrapper">
<div class="container">
<header></header>
<div id="content" style="height:300px;width:1000px;float:left;"><h1>art by marc moss</h1>
</div>
<!-- Each image is 350px by 233px -->
<div class="photobanner">
<img class="first" src="../../../../mosspictures/DSCN0038.JPG" alt="">
<img src="../../../../mosspictures/DSCN0040.JPG" alt="">
<img src="image-3.jpg" alt="">
<img src="image-4.jpg" alt="">
<img src="image-5.jpg" alt="">
<img src="image-6.jpg" alt="">
<img src="image-1.jpg" alt="">
<img src="image-2.jpg" alt="">
<img src="image-3.jpg" alt="">
<img src="image-4.jpg" alt="">
</div>
<nav>
<div id="navigation">
<ul>
<li><a href="#">bio</a></li>
<li><a href= "#">inspiration</a></li>
</ul>
</div>
</nav>
<!-- end .content --></article>
<footer>
</footer>
<!-- end .container --></div>
</div>
</body>
</html>Is this supposed to be a WordPress site? None of these images are found on the server. Those folders don't exist either.
<img class="first" src="mosspictures/DSCN0038.JPG" alt="">
<img src="mosspictures/DSCN0040.JPG" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-3.jpg" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-4.jpg" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-5.jpg" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-6.jpg" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-1.jpg" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-2.jpg" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-3.jpg" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-4.jpg" alt="">
Nancy O. -
I need to create a scrolling photo gallery on my web page, which programme would be best to use and instructions would be great. THanks
I would use a "jquery slider" or "jquery slideshow". You can do a search in Google for those phrases and come up with hundreds of free scripts to choose from, most with a "how to" to get them into your site.
If you want to use something integrated into DW's Design View interface, Project VII has a paid extension to allow you to do it. -
Help with scrolling photo gallery
I'm using the code below to for a scrolling photo gallery. I got this from another forum on Adobe. My problem is that I can't get my images to upload. I uploaded this for an image but it's not working:
<img src="images/baca_poster_small.jpg" data-cycle-title="image1">
Can someone please help me with getting my pictures to work in this?
Thanks!
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 document with Cycle2</title>
<!--Latest jQuery Core Library-->
<script src="http://code.jquery.com/jquery-latest.min.js">
</script>
<!--Cycle2 Plugin Script-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>
<style>
.cycle-slideshow, .cycle-slideshow * {
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:0 auto;
width:45%; /**adjust width as required**/
.cycle-slideshow img {width: 100%;}
</style>
</head>
<body>
<h1><a href="http://www.malsup.com/jquery/cycle2/">jQuery Cycle 2</a> Responsive Slideshow</h1>
<!--begin slideshow-->
<div class="cycle-slideshow"
data-cycle-pause-on-hover="true"
data-cycle-speed="700"
>
<!--your images go here-->
<img src="http://malsup.github.com/images/beach1.jpg" data-cycle-title="beach1">
<img src="http://malsup.github.com/images/beach2.jpg" data-cycle-title="beach2">
<img src="http://malsup.github.com/images/beach3.jpg" data-cycle-title="beach3">
<img src="http://malsup.github.com/images/beach4.jpg" data-cycle-title="beach4">
<img src="http://malsup.github.com/images/beach9.jpg" data-cycle-title="beach9">
<!--end slideshow-->
</div>
</body>
</html>Is this supposed to be a WordPress site? None of these images are found on the server. Those folders don't exist either.
<img class="first" src="mosspictures/DSCN0038.JPG" alt="">
<img src="mosspictures/DSCN0040.JPG" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-3.jpg" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-4.jpg" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-5.jpg" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-6.jpg" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-1.jpg" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-2.jpg" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-3.jpg" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-4.jpg" alt="">
Nancy O. -
Scrolling image gallery problems
I am creating a scrolling image gallery using thumbnails. I have 36 thumbnails that are 100 x 100 px. I cannot figure out the x y coordinates to line up the images correctly. They are overlapping. I've put in the first x coordinate at 0 and the first image goes to the left, and that is fine, it is when I click the last image to put in a number, which I thought would be 36 x 100, they do not line up, they over lap. Does anyone have a clue how to fix this? I am working on this site for a very pushy client who wants it done NOW...Thanks,
If you crerate a Sprite or Movieclip 3600 x 100 you can place then one after another on that container then you only have 1 object to place and scroll.
-
I need a flash tutorial on Iphone style Scrolling Photo Gallery using Next/previous Buttons
Here i have attached two sample Fla files of iphone style scrolling photo gallery using next Previous buttons. Smoothscroller.fla is the original file download from internet and thumbscroll.fla is the one i m trying to make. But i m getting the actionscript error in the movieclip symbol 2 frame 2 actionscript frame. Can anyone work out on my file & send me the easiest tutorial of flash so that i can complete my portfolio project.
Mail me ur tutorials at : [email protected]Just Google for the Spry photo gallery and you might find
http://cates-associates.net/tutorials/Tutorial-CS3-Spry.html
or even a few others.
Happy Sprying
Ben -
Newbie Scrolling Image Gallery
can someone help me figure out why my site isn't loading an
external image gallery? the tutorial i used can be found here:
http://www.oman3d.com/tutorials/flash/imagegallery/
they made the image gallery is completely done with
actionscript and it works in the .swf for the gallery, but as soon
as i call it to be loaded into the home .swf it doesn't work.
here's the link to the sites homepage:
(oh and dont worry i know the pics are pixelated and some
things need fixed, i'm just trying to get the site working first)
http://lightboy101.110mb.com/bootleg/Splash.swf
--- here is the gallery----
http://lightboy101.110mb.com/bootleg/Gallery.swf
if anyone can help me, please let me know. or if you know a
tutorial with a better scrolling image gallery, that would be
great. thanks.awesome! thanks! but now i seem to have another problem... =/
the far left and far right images are cut off. it's as if the
gallery width is being set to the stage of the entire site, and not
the gallery.swf height/width. i think it has something to do with
this code:
myThumb_mc._x = (i-1)*myThumb_mc._width;
myThumb_mc._y = (Stage.height-myThumb_mc._height)/2;
and
large_mc._x = (Stage.width-large_mc._width)/2;
large_mc._y = (Stage.height-large_mc._height)/2; -
Howdy,
I would like to create an sliding xml drivin photo gallery,
similar to
this
one at flashkit but all linear and only previous and next
buttons, no numbers. Any ideas?
Thanks,
ConradHi --
I clicked on the link for your gallery and the images load??
Both when I
click on the image or when I click the "next" and "previous"
buttons --
although the "hit" area for the buttons is below the actual
text so you
should adjust that on those buttons. I would also recommend
not making the
text selectable so the cursor won't change to the "I bar"
Rich
"joesavy" <[email protected]> wrote in
message
news:fcp3qi$4ak$[email protected]..
>I created an XML scrolling thumbnail gallery using a
>
http://www.kirupa.com/developer/mx2004/thumbnails.htm
>
> I then had to alter the action script to get my
thumbnails to display
> properly
> -- they were spaced out or overlapping each other and
not in the sequence
> specified in the XML file. The new code works great
locally, but the
> thumbnails
> and larger image refuse to load remotely in every
browser i've tried. Any
> thoughts on how to alter the action script to load the
gallery?!?! I'm not
> much
> experienced in Flash so any help would be most
appreciated.
>
> You can find the page with my unloadable gallery
>
http://www.sullivancreative.com/clients/se-07-7-24/se_website/gallery.html
>
> You can see my action script in my
>
http://www.sullivancreative.com/clients/se-07-7-24/se_website/xml_photogallery_s
> crollthms_fix.fla
>
> Thanks!
> Joe.
>
> -
Is there a tweak to influence the scroll thumb release distance?
A long time ago I developed a habit of grabbing a scroll bar thumb and pushing the mouse off without too much care when I wanted to scroll all the way to the end. At one time, as I recall the mouse would remain captive no matter how far off the scroll
thumb the pointer actually was. This made this particular "gesture" valid.
Now (and for some time), pushing the mouse a ways off the end of the scroll bar causes the mouse to "lose its grip" on the scroll thumb, the scrolling operation to be aborted, and the scrolled window to return to its starting
point. I've seen some info online that implies the distance is 100 pixels.
When a window has been scrolling in real time, then it "jumps back" to where it started right about at the time I release the mouse too far from the end, I find that very disruptive to my train of thought. I find anything that "automatically
cancels" an operation I've initiated annoying; I believe anyone would.
My question is this:
Do you know of a setting that can be changed to increase the distance the window manager allows the cursor to move away from a scroll bar thumb with the left mouse button down before the thumb
is released?
Thanks in advance.
-Noel
Detailed how-to in my eBooks:
Configure The Windows 7 "To Work" Options
Configure The Windows 8 "To Work" OptionsHi Noel,
I searched the control panel settings as well as the PC settings of the computer, it seems there is little settings we can do to change the distance, but I need a research to provide more possible suggestion, I will post it back as soon as I get some clue.
Regards
Wade Liu
TechNet Community Support -
Need help on complicated thumb gallery
I need to build a gallery of thumbnails that allows you to do these things:
Click a main menu item to show a gallery consisting of rows of thumbs
Gallery has scrollbar to look at many rows of thumbs
Hovering over thumbs enlarges them a little
Double-click adds a larger size of image to another MC’s display list; Should that be the thumb itself at a larger size of should it load another image that’s different than the thumb? The image once in the other MC’s display list, will have to be like a MC/sprite and be able to be manipulated, i.e. scaled…
All help with this greatly appreciated.
GFHi,
Here are my inputs for your questions:-
1) You have to import the thumbnails and then you have to add it into movieclip it will not be movieclip when they are imported.
2) You can use smaller images as thumbnail so the loading will be fast and on selecting the thumbnail you can load the corresponding big image
this will save you thumbnail loading time. you can use same logic to load big image that u used for thumbnail loading... -
Make scroll thumb wider than scrollbar
Hello,
I want to have a scroll thumb wider than the scroll bar in a datagrid. For example, here is what I want to see:
http://img215.imageshack.us/img215/2613/desired.png
Where the black rectangle is the thumb, the light gray area is the datagrid, and the dark gray area is the panel.
However, when I try to do this in Flex, the scroll bar is as wide as the scroll thumb and shifts over from the right most side of the datagrid:
http://img696.imageshack.us/img696/4765/whatiget.png
According to the ScrollBar documentation, the scroll bar is as wide as widest subcomponent. My attempt around this was to place a sprite over where the thumb is, but the problem with this is that since the thumb sprite is at an index above the datagrid, the thumb is no longer scrollable (the hand is not seen when you hover over the thumb).
Any ideas?
Thanks.I'm not sure what you mean by this. My scroll track has no skin.
By the way, you have to copy and paste the first link into your browser because I formatted the HTML incorrectly. -
hi,
any one can send me the idea and link about scrolling thumbs in AS3
please help me
Advance in thanks
Kamalhttp://library.creativecow.net/articles/brimelow_lee/scrolling_thumbnail_panel.php
-
hi
i am building a gallery which scroll the thumbs according to
mouse position. it all works but i try to tell the scrolling to
stop with the last thumb on each side, and there i`m stuck.
i attach the scroll function.
the inner if statement is meant to stop the scrolling at a
certain point (the 800 is just a number i try, i need to make it
more flexible ). it works when the mouse move to the right but does
not work when it moves to the left.
best regards
ronHi!
First I must appologize if am not suposed to dig on an old post but am new to the forum (this i smy first post so remember your first )
in this case I'll be glad if you can redirect me to the apropriate topic.
that said, my concern is the following:
am trying to build an XML based horizontal scrolling-thumbnail bar with the following attributes:
each pictre should be clickable as soon as it aprears(or when it stoped to be clicked...to determine later)
and also some effect should be aplied when the mouse is over it
thx in advance!
PS: I have only two days to get it done :s soplz heeeeeeeeeeeeeeeelp (am confortable with code since am a computer science student) -
Horizontal Photo Scroll/Swipe Gallery
Hi All,
I am making a horizontal Photo Gallery larger than 10,000 px in width. Users should be able to Swipe (on touch devices) and Scroll on Pc.
I came across some previous posts like this, but i dont know where to begin.
https://forums.adobe.com/message/5247759#5247759#5247759
Things I am confused about:
1 - I cant make the stage go wider than 10,000px, Does it mean I should place pics next to each other and navigate through them via code?
2 - I dont know how to make Swipe actions that are sensitive to intensity/distance/duration of users touch. I can only code the image to move for a fixed number of pixels
3 - I am not sure what would be the best/simplest approach to make my own scrollbar in this case (without starting from ground zero).
I appreciate any links or overall guidelines so i can start on right path.
ThanksYou could have a 2 image holders for transitions from one to another and change the image source based on the user action.
-
Horizontal scroll thumb to start in the middle?
Hi,
To centre the thumb on a horizontal scoll bar, to get it to start in the middle, I would have thought you set the following:
- Max = 100
- Min = 0
- Value = 50
But for some reason my scroll bars are starting from the far left. And any changes I make seem to make no difference.
Anyone else have this trouble?
I've tried the following as well:
- Max = 1150 (no. of pixels width of my image that I am scolling)
- Min = 0
- Value = 550
Although the thumb moves to the middle of the track in the artboard, within FC, but when I run the project or export it ... the thumb is at the 0 value (the far left)
Am I doing something wrong?
Thanks,
NickYou can extend a ViewHandler where you can check if the user is requesting an allowed page:
public class MyViewHandler extends ViewHandler {
private final ViewHandler base;
public WebTikViewHandler(ViewHandler base) {
this.base = base;
public UIViewRoot createView(FacesContext facesContext, String viewId) {
if (!viewId.contains("/app/index.jspx" && isNewSession() ){
newViewId = "/app/index.jspx";
return base.createView(facesContext, newViewId);
You can implement the isNewSession method with a session variable.
hth,
Andrej
Maybe you are looking for
-
IPod touch won't connect to iTunes after update
I updated my iPod touch but now it won't connect to iTunes, all I get is the connect to iTunes screen. I followed all the directions for the Apple support including shuting down my iPod, uninstalling all Apple programs from my computer, restarting my
-
It seems like my iPod Video's alarm clock function fails to go off if it isn't connected to a power source, and if the alarm is set to more than a few minutes away; as though it goes into a power-saving mode, from which the alarm functionality can't
-
Where is the link you were to send last week, l still cannot get into my account
You were supposed to send me an email link to enable me to get into my account
-
What is the difference between PHP & BSP
Hi, I am new to BSP and worked on PHP + MySQL around 1 year. 1. Could anyone tell me what are the differences between BSP & PHP? 2. How is SDN is designed? does it use BSP? Regards, Sukhbold
-
i have 6111 and can send pics to all my mates here in spain where I live (i'm english so spanish site not much help, speak spanish but not technical spanish)! I want to send pic messages to family in uk. have set everything up and downloaded spec fro