Image Slider
Last edited by aiath : 2006-09-06 at 02:10.
hey.. i tried to make a image slider... consist of an image that is bigger than the flash document size and a slider that enables the user to scroll the image.
but it seems like the dragger doesnt work together with the image. Anyone got an example to it?
Ultrashock Forums > Flash > ActionScript
Posted on: 2006-09-05
View Complete Forum Thread with Replies
Sponsored Links:
Fade Slider Not Image Slider HELLLP
i am trying to bulind a slider to fade btween 3 image Image 1(Past0, Image 2 (Present), Imag2 3 (Futher)
info
Image 1 is Constant as it is the base layer
Image 2 is Variable inatly set at 100% Alpher (middle LAYER)
Image 3 is Variable inatly set at 0% Alpher (top LAYER)
i want the slider to star off in the middle posing an image 2 100% and image 3 is 0% and when the slider moves left Image 2 alper will go down revlling image 1, and when the slider moves right i want Image 2 to remain a 100% and image 3 to go from 0% to 100%
can any on help
thanks blue
View Replies !
View Related
Image Slider?
Question...
I'm creating a portfolio site for myself and I have my work on one movie clip called 'art'. Then on the main scene I placed 2 runners telling the 'art' clip to go + and - X cordinates. Then I have 2 buttons telling the runners when to play.... This part all works fine. I can scroll left and right with no problem. But now I want the 'art' to scrool across quickly to a certain picture on the movie clip after another button is placed. So instead of having to scroll through all images, you can just click on a button to go directly through all images before it quickly, and then stop on the image chosen. Help?
GL
View Replies !
View Related
Before/After Image Slider
Hi Folks,
I have a square 300-pixel-sized image. I want a slider control just below the image which will reveal an "after" image directly over the top of the original. This is to show the before/after effects of my photoshop work on the image. The user should be able to slide the slider control back and forth to compare the before and after versions of the photo.
I thought this would be fairly simple, but haven't been able to make it happen. I started with the original "before" image on layer 1. Then the "after" image just above that. Then a mask just above that which affects the "after" image. I guess my problem is figuring out a way to control the mask -- making it move up and down in relation to the slider control.
I hope I've explained this OK. Any help anyone can give would be much appreciated!
Thanks!
View Replies !
View Related
Image Slider?
Does anyone know how I can create a image slider....where the images are all lined up either up/down or sideways...and when you move your mouse over the images they scroll either up/down or sideways. Is this making sense?
View Replies !
View Related
Image Slider Like This:
Hi i was hoping someone could point me to a tutorial that shows me how they did this: (click on "authentic" at the site. The tee shirts slide across the screen as the mouse moves) http://www.kappausa.com/
Cheers guys
View Replies !
View Related
Image Slider Like This....
Hi i was hoping someone could point me to a tutorial that shows me how they did this: (click on "authentic" at the site. The tee shirts slide across the screen as the mouse moves) http://www.kappausa.com/
Cheers guys
View Replies !
View Related
Image Slider Help
I have an image slider built but the underlying buttons cannot be accessed due to the Overlaying masks onRollover function. Any help would be greatly appreciated. It was suggested that I do a hit test instead but I am not to familiar with that. The fla file is attached.
THanks.
View Replies !
View Related
[f8] Image-slider Help
Heya.. my first post here... so here we go.
I've made a slider thingy that slides an image right or left depending on where the cursor is. So far so good. Now I want to add an ease-effect and then stop the slide when the cursor is outside the "sliding-area". And I just feel really lost and don't know where to begin and how to code it. So any help I can get is appreciated.
The code for the slider:
Code:
maxX = 906-slider._width+1;
minX = 0;
outside.onRollOver = function() {
this.useHandCursor = false;
this.onEnterFrame = function() {
musen1 = Math.max(maxX, _root._xmouse);
musen2 = musen1/50;
musen3 = Math.abs(musen2-10);
musen4 = Math.max(maxX, _root._xmouse);
musen5 = musen4/40;
musen6 = Math.abs(musen5-10);
if (musen1>506) {
slider._x = Math.max((slider._x-musen6), maxX);
}
if (musen4<400) {
slider._x = Math.min((slider._x+musen3), minX);
}
};
};
outside.onRollOut = function() {
this.onEnterFrame = function() {
// WHAT DO I PUT HERE SO THE IMAGE EASES OUT AND THEN STOPS???
}
};
};
stop();
View Replies !
View Related
Image Slider
Hi
I have been making a dynamic image slider. I am having a problem with the spacing between the images changing when it is sliding along.
You can see it working here http://www.garnierroadshow.co.nz/mouse_loopSlider.html
I have attached the files.
Any help on how to fix this will be much appreciated
View Replies !
View Related
XML Image Slider
Hi Everyone,
I've spent the past few days tinkering with XML and attachmovie etc...
This Gallery Parses an XML file which includes:
- Caption
- Image URL
- Image Width
The Gallery currently:
- Loads each image consecutively
- Loads each caption into a stylized movieclip
- Contains two buttons, each which slide the 'Container' movieclip in either direction(hard coded) using the MC Tween Class.
What I have works great, but I need some help extending it.
I would like to:
- Create a function that slides the 'Container' clip in either direction using an incremental value that slides to the next (or previous) image in the array. If you are at the last image the 'Container' will then slide back to the first.
- The width is defined in the XML file, though it would be great if it could be found dynamically rather than hard coded.
Any help or tips to extend this would be greatly appreciated.
I have attached a .zip file of both the .fla (flash 8) and xml as well as each file separately.
Any help I receive I will post back with a new .fla which will hopefully be of use to others.
Thanks!
Hope all is well.
// Matt
Heres the initial AS if you don't want to grab the files right away:
Code:
//Include MC Tween Class
#include "mc_tween2.as"
//XML Action...
importXML = new XML();
importXML.ignoreWhite = true;
importXML.onLoad = function(success)
{
if (success)
{
var depth = 5;
var nextX = 0;
count = 0;
_root.createEmptyMovieClip("container",2);
var root = this.firstChild; // The root node
for (var i = root.firstChild; i != null; i = i.nextSibling)
{
var tempMC = _root.container.attachMovie ("box", "box" + count, depth ++, {_x : (nextX) , _y : (15)} );
nextX+= tempMC._width + Number(i.attributes.width) + 20;
tempMC.caption.name_txt.text = i.attributes.name;
tempMC.holder.loadMovie(i.attributes.image, depth*20);
count ++;
}
}
}
importXML.load("xml_slider.xml");
//Movie Clip Button Functions
//Show More Images
more.onRelease = function() {
container.tween('_x', -1000, .5, 'easeoutquad');
}
//Show More Images
less.onRelease = function() {
container.tween('_x', 0, .5, 'easeoutquad');
}
View Replies !
View Related
AS3 Image Slider
View Example 1
View Example 2
View Blog Post
The image slider is a small project I made for a friend of mine. It works in a similar fashion to the iTunes cover flow except that it does not do a trapezoidal distortion on the images.
There is a host of features that you can read about at the blog post with alot more info.
View Replies !
View Related
XML Image Slider
function loadImages() {
for (imageIndex=0; imageIndex<myXml.childNodes[0].childNodes.length; imageIndex++) {
attachMovie("imagebox", "im"+imageIndex, this.getNextHighestDepth());
eval("im"+imageIndex).pic = myXml.childNodes[0].childNodes[imageIndex].childNodes[0].childNodes[0].nodeValue;
eval("im"+imageIndex).caption = myXml.childNodes[0].childNodes[imageIndex].childNodes[1].childNodes[0].nodeValue;
trace(imagebox["im"+imageIndex]);
eval("im"+imageIndex).url = myXml.childNodes[0].childNodes[imageIndex].childNodes[2].childNodes[0].nodeValue;
eval("im"+imageIndex).index = imageIndex;
eval("im"+imageIndex).swapDepths(captionbox);
imagecount++;
}
}
this is the code i got from a tutorial....here the images are loader and when the mouse is over each image the CAPTION is shown under the image in a text box. but what i need is...i want the CAPTION to appear when i click on the image(not on mouse over), but i cant find any mouseover event here as well...............please help me out.
View Replies !
View Related
AS3 Image Slider
View Example 1
View Example 2
View Blog Post
The image slider is a small project I made for a friend of mine. It works in a similar fashion to the iTunes cover flow except that it does not do a trapezoidal distortion on the images.
There is a host of features that you can read about at the blog post with alot more info.
View Replies !
View Related
XML Image Slider......plz Help
function loadImages() {
for (imageIndex=0; imageIndex<myXml.childNodes[0].childNodes.length; imageIndex++) {
attachMovie("imagebox", "im"+imageIndex, this.getNextHighestDepth());
eval("im"+imageIndex).pic = myXml.childNodes[0].childNodes[imageIndex].childNodes[0].childNodes[0].nodeValue;
eval("im"+imageIndex).caption = myXml.childNodes[0].childNodes[imageIndex].childNodes[1].childNodes[0].nodeValue;
trace(imagebox["im"+imageIndex]);
eval("im"+imageIndex).url = myXml.childNodes[0].childNodes[imageIndex].childNodes[2].childNodes[0].nodeValue;
eval("im"+imageIndex).index = imageIndex;
eval("im"+imageIndex).swapDepths(captionbox);
imagecount++;
}
}
this is the code i got from a tutorial....here the images are loader and when the mouse is over each image the CAPTION is shown under the image in a text box. but what i need is...i want the CAPTION to appear when i click on the image(not on mouse over), but i cant find any mouseover event here as well...............please help me out.
View Replies !
View Related
Image Slider
http://www.screampoint.com/v2/index.htm
Does anybody know where I could I find the script that would reproduce the effect seen on the image scroller on the above site??
Thanks
View Replies !
View Related
Image Slider?
I need to build a timline based slideshow that automatically plays when the user enters. That part is easy.
Here's the tricky part for me...
I also want a slider that the user can use to manually view the slideshow between beginning and end. I guess we could call it a "scrubber".
I'm just looking for a shove in the right direction on conceptually how this would be done.
Any help would be appreciated.
View Replies !
View Related
Image Slider Effect
Anyone know how to do that image sliding effect, where it looks like a bunch of masks? I can't really explain it, but I've seen it a bunch of times. I think I saw it in Flashkit's movies section, but I can't find it. Can anyone help? Thanks --
View Replies !
View Related
Newbie: Image Slider
I am working through someone else's action script. His flash mx program has an image slidder that shows thumbnails. When the thumbnail is clicked the image displays on the page. the images are being called from an XML document. What I need to do is to have the thumbnails not get the image from the xml. Instead I will create a movie clip for the image to fade in when the thumbnail is clicked.
He has 2 layers that are calling the action script, I copied it below: Any Ideas???
Layer Actions:
stop();
Stage.scaleMode = "noScale";
//fscommand("fullscreen",true);
Stage.showMenu="false";
/*catalogueBackground = new Sound("backMusic");
catalogueBackground.attachSound("backer");
catalogueBackground.start(0,99);
catalogueBackground.setVolume(30);*/
next_mc._visible = false;
back_mc._visible = false;
anchorSound = new Sound();
_global.damp = .6;
_global.spring = .5;
_root.attachMovie("loadtext","loadtext_mc",30);
loadtext_mc._x=Stage.width/2-loadtext_mc._width/2;
loadtext_mc._y=470;
Thumb_xml = new XML();
Thumb_xml.ignoreWhite = true;
Thumb_xml.onLoad = function() {
FullLoad();
};
FullLoad = function () {
Full_xml = new Xml();
Full_xml.ignoreWhite = true;
Full_xml.onLoad = function() {
ThumbData();
};
Full_xml.load("catalogue/full.xml");
};
Thumb_xml.load("catalogue/thumb.xml");
Layer functions
/*ThumbData = function(){
totalSlides = ThumbRoot.childNodes.length;
firstImage = FullRoot.firstChild;
currentImage = firstImage;
currentIndex = 1;
if(firstImage==null){
loadMovieNum("soon.swf",2);
}else{
ThumbInit();
}
bigHolder_mc.onEnterFrame = function(){
if(_root._ymouse>530){
this.tY = 530;
}else{
this.tY = 605;
}
if(this._y != this.tY){
this._y += (this.tY - this._y)/1.2;
}
}*/
}
ThumbInit = function () {
for (i=0; i<totalSlides; i++) {
bigHolder_mc.holder_mc.thumb_mc.attachMovie("squar e", "s"+i, i);
bigHolder_mc.holder_mc.buttons_mc.attachMovie("thu mb", "t"+i, i);
thm = bigHolder_mc.holder_mc.buttons_mc["t"+i];
clip = bigHolder_mc.holder_mc.thumb_mc["s"+i];
clip._x = x;
thumbnail = ThumbRoot.childNodes[i].firstChild.firstChild.nodeValue;
thm.hiPic = FullRoot.childNodes[i].attributes.hires;
thm.fullPic = FullRoot.childNodes[i].firstChild.firstChild.nodeValue;
thm.tracker = FullRoot.childNodes[i];
thm.num = i;
clip.loadMovie("Symbol 41");
thm._x = x;
thm._alpha = 50;
thm.onRollOver = function() {
anchorSound.attachSound("overSound");
anchorSound.start();
if (this._alpha=50) {
this._alpha = 20;
}
};
thm.onRollOut = function() {
if (this.pressed) {
this._alpha = 0;
} else if (this._alpha=20) {
this._alpha = 50;
}
};
thm.onPress = function() {
anchorSound.attachSound("downSound");
anchorSound.start();
setImage(this.fullPic, this.hiPic);
currentImage=this.tracker;
currentIndex=this.num+1;
if (this._alpha=20) {
this._alpha = 0;
}
this.pressed = true;
};
x = x+52;
}
bigHolder_mc.holder_mc.buttons_mc.t0._alpha=0;
bigHolder_mc.holder_mc.buttons_mc.t0.pressed=true;
setImage(bigHolder_mc.holder_mc.buttons_mc.t0.full Pic, bigHolder_mc.holder_mc.t0.hiPic);
bigHolder_mc.dragger._x = bigHolder_mc.gutter;
loadtext_mc._visible = false;
next_mc._visible = true;
back_mc._visible = true;
/*******************************************
//--------------Next/Back Buttons-------------\
\----------------Event Handlers--------------//
*******************************************/
//--------------position buttons---------------\
/*next_mc.onEnterFrame=function(){
if(_root._xmouse>400 && _root._xmouse<800 && _root._ymouse<525){
this.targetAlpha=100;
this._x += (_root._xmouse - this._x)/1.2;
this._y += (_root._ymouse - this._y)/1.2;
}else{
this.targetAlpha = 0;
this._x += (800 -this._x)/12;
}
if(this._alpha!=this.targetAlpha){
this._alpha += (this.targetAlpha - this._alpha)/12;
}
}*/
next_mc.onEnterFrame = function(){
if(_root._xmouse>400 && _root._xmouse<800 && _root._ymouse<400 && _root._ymouse>110){
this._visible = true;
this.ax=(_root._xmouse-this._x)*spring;
this.ay=(_root._ymouse-this._y)*spring;
this.vx+=this.ax;
this.vy+=this.ay;
this.vx*=damp;
this.vy*=damp;
this._x+=this.vx;
this._y+=this.vy;
}else{
this._visible = false;
}
}
back_mc.onEnterFrame=function(){
if(_root._xmouse<400 && _root._xmouse>0 && _root._ymouse<400 && _root._ymouse>110){
this._visible = true;
this.ax=(_root._xmouse-this._x)*spring;
this.ay=(_root._ymouse-this._y)*spring;
this.vx+=this.ax;
this.vy+=this.ay;
this.vx*=damp;
this.vy*=damp;
this._x+=this.vx;
this._y+=this.vy;
}else{
this._visible = false;
}
}
/*------check xml nodes for siblings and call setImage function------- //
//------as long as you haven't gone out of the xml's range-------------*/
next_mc.onRelease = function() {
nextImage = currentImage.nextSibling;
if (nextImage == null) {
break;
} else {
bigHolder_mc.holder_mc.buttons_mc["t"+currentIndex]._alpha=0;
bigHolder_mc.holder_mc.buttons_mc["t"+currentIndex].pressed=true;
currentIndex++;
setImage(nextImage.firstChild.firstChild.nodeValue , nextImage.attributes.hires);
_root.bigHolder_mc.sectionX = _root.bigHolder_mc.sectionX+14;
currentImage = nextImage;
}
};
back_mc.onRelease = function() {
previousImage = currentImage.previousSibling;
if (previousImage == null) {
break;
} else {
currentIndex--;
tempcurrentIndex = currentIndex-1;
bigHolder_mc.holder_mc.buttons_mc["t"+tempcurrentIndex]._alpha=0;
bigHolder_mc.holder_mc.buttons_mc["t"+tempcurrentIndex].pressed=true;
currentImage = previousImage;
setImage(previousImage.firstChild.firstChild.nodeV alue, previousImage.attributes.hires);
_root.bigHolder_mc.sectionX = _root.bigHolder_mc.sectionX-14;
}
};
/*******************************************
//--------------Next/Back Buttons-------------\
\----------------Event Handlers--------------//
*******************************************/
};
setImage = function(Pic, hiPic){
image_txt.text = hiPic;
/*save_btn.onRelease=function(){
//getURL("catalogue/"+Pic,"_blank");
fscommand("App.NoTopmost", "anchor");
fscommand("ShellOpen","%ORG%\catalogue\hiRes\"+ hiPic);
//trace("catalogue/hiRes/"+hiPic);
}*/
image_holder_mc.attachMovie("preloader", "pre_mc", 2);
//image_holder_mc.attachMovie("white","white_mc",3);
image_holder_mc.attachMovie("image", "img_mc", 4);
image_holder_mc.img_mc.loadMovie("catalogue/"+Pic);
//image_holder_mc.white_mc._visible=false;
image_holder_mc.pre_mc._visible=false;
//image_holder_mc.white_mc._alpha=0;
image_holder_mc.img_mc._alpha=0;
image_holder_mc.pre_mc.onEnterFrame = function(){
//trace(this._parent._width);
//trace(Stage.width);
this._y=bigHolder_mc._y-10;
this._x=0;
this._height=20;
this._visible=true;
this._parent.img_mc._x=400 - this._parent.img_mc._width/2;
this._parent.img_mc._y=300 - this._parent.img_mc._height/2;//221 - this._parent.img_mc._height/2;
//this._parent.white_mc._x=this._parent.img_mc._x-4;
//this._parent.white_mc._y=this._parent.img_mc._y-4;
//this._parent.white_mc._width=this._parent.img_mc._ width+8;
//this._parent.white_mc._height=this._parent.img_mc. _height+8;
this._width=(this._parent.img_mc.getBytesLoaded()/this._parent.img_mc.getBytesTotal()*800);
if(this._width>=800){
this._alpha-=5;
//this._parent.white_mc._alpha+=5;
this._parent.img_mc._alpha+=5;
}
if(this._parent.img_mc._alpha>20){
//this._parent.white_mc._visible=true;
}
if(this._parent.img_mc._alpha>=99){
delete this.onEnterFrame;
}
updateAfterEvent();
}
}
View Replies !
View Related
Image Thumbnail Slider
I am looking for an image thumbnail slider similar to the gallery page on this link http://www.sharktale.com/main.php?swf=trailer
I have tried looking in the movies section and tried a search but can`t find anything on it. Does anyone know whether something like this is on here, or even what this technique is called so I do a google on it?
Thanks
View Replies !
View Related
Image Slider Nightmare
Hi...can anyone help me please!
I have am image slider - but I can get the image to slide across the whole screen for some reason, its only showing part of it, can anyone point out what I might be doing wrong?
My stage is 760 wide
The image is 4000 wide
Here is the code that is placed on the image:
code:
onClipEvent (enterFrame) {
if (_root.mainVar == 0) {
homeX = (-_root._xmouse)+0;
} else {
homeX = (-_root.mainVar*3)+2000;
}
thisX = _x;
diffX = homeX-thisX;
if (_root.mainVar == 0) {
moveX = diffX/30;
} else {
moveX = diffX/5;
}
_x = thisX+moveX;
}
Any help extrmemely welcome...this is doing my head in!!
Cam
View Replies !
View Related
Help With Image Slider Miniapp
ok, im trying to do something similar to what corbis.com does witht he images in the homepage, where they scroll but they all have separate links, but heres the deal.
i want to load all images dynamically, and when one image is loaded then i load the next, because they will have different widths, so i want to wait till the image loads and then load the next image and put its _x value = to the width of the mc and so on, so how can i create a function and make it wait till its loaded, to load the next?????
i tried looking at the Movieclip loader class but i couldnt figure out how to make it call the next image to load because i cant call the same function within a function, so i figured i would do a for loop for as many images as i have but then i dont know how to make it wait till te image loads... plesase let me know how i can do this..
heres the code i sort of had
function loadImages(prefix, amount) {
for (i=1; i<amount; i++) {
// Create listener object:
var loadListener:Object = new Object();
loadListener.onLoadStart = function(loadTarget) {
trace("Loading into "+loadTarget+" has started.");
};
loadListener.onLoadProgress = function(loadTarget, bytesLoaded, bytesTotal) {
var percentLoaded = bytesLoaded/bytesTotal*100;
trace("%"+percentLoaded+" into target "+loadTarget);
};
loadListener.onLoadComplete = function(loadTarget) {
trace("Load completed into: "+loadTarget);
loadNext();
};
loader.addListener(loadListener);
img = "images/" add prefix add i add ".jpg"
trace(img);
loader.loadClip(img, pic_mc);
}
}
function loadNext() {
//do something to call next pic
}
loadImages("pic-", 6);
View Replies !
View Related
Image Slider Question
what do I need to add or change in the actionscript if I wanted to make a slider load new images from left to right instead of right to left.
The slider is pretty much like the one here (script is there also)...
http://www.layoutgalaxy.com/html/htm...er43-page1.htm
View Replies !
View Related
Image Slider To Stop
I'm working on an image slider and when the cursor leaves the specified area it continues to scroll. I would like it to stop at it's current position and then continue movement when the cursor enters that area again. I played with it a bit but couldn't seem to get it to work. The fla is attached if someone could give it a look I would appreciate it.
Thanks
View Replies !
View Related
Help With Image Slider In Flash 8
I am using the image slider found here: http://www.flashkit.com/movies/Scrip...1151/index.php
I'm trying to figure out why it won't work when it is published in flash 8, only in flash 6. I am interested in this particular image slider because it works with a movie clip, that I can place other movie clips inside and it scrolls them as well.
View Replies !
View Related
Cool Image Slider Like This...?
Hi guys
Can U help me make a image slider like this: http://www.in2media.com/
The important thing is that it loops... can only figure out how to make a single MC slide from one end to the other.
like my own here http://www.plusidentity.com/
Please some hints, tuts or examples...
Thanx
View Replies !
View Related
Controlling Image Slider
Hello I have made an image slider with thumbnail that moves up and down to view an image. This is all working ok but I need the slider to stop when it reaches the top of the image currently it keeps moving past the top of the image.
AS
Quote:
moveup.onRollOver = function() {
bigmap.onEnterFrame = function() {
this._y -= 8;
}
minihi.onEnterFrame = function() {
this._y += 1.7;
}
}
moveup.onRollOut = function() {
delete bigmap.onEnterFrame;
delete minihi.onEnterFrame;
}
movedown.onRollOver = function() {
bigmap.onEnterFrame = function() {
this._y += 8;
}
minihi.onEnterFrame = function() {
this._y -= 1.7;
}
}
movedown.onRollOut = function() {
delete bigmap.onEnterFrame;
delete minihi.onEnterFrame;
}
Do I need to attach my FLA
Thank you
View Replies !
View Related
Center Image In Slider
Hi
I put a yugop-like ImageSlider together, with a zoom function starting from the code of menu-slider.
It works fine, but the images are zooming from the upper left corner, while I would like to have them zooming from the center of the container containing the images.
Can somebody tell me, how this must be done here?
PHP Code:
spacing = 10;
pArray = new Array();
my_xml = new XML();
my_xml.ignoreWhite = true;
my_xml.onLoad = function(success) {
if (success) {
for (var i = 0; i<this.firstChild.childNodes.length; i++) {
pArray.push(this.firstChild.childNodes[i].attributes.image);
}
}
delay = setInterval(makeSlider, 100);
};
my_xml.load("gallery.xml");
var slider = this.createEmptyMovieClip("slides_tot", 99);
slider.setMask(mask);
var sub_slider = slider.createEmptyMovieClip("slider", 100);
var p = 0;
var i = 0;
var loadper = 0;
function makeSlider() {
clearInterval(delay);
var item = sub_slider.createEmptyMovieClip("pic"+i, i);
item._y = -225;
item.loadMovie(pArray[p]);
var temp = _parent.createEmptyMovieClip("tmp", 9999+i);
temp.onEnterFrame = function() {
var tot = item.getBytesTotal();
var loa = item.getBytesLoaded();
var per = Math.round(((loa/tot)*100)/(pArray.length*2));
loadBar._xscale = loadper+per;
if (tot == loa && tot>4) {
item.id = p;
loadper += per;
if (i>0) {
item._x = sub_slider["pic"+(i-1)]._x+sub_slider["pic"+(i-1)]._width+spacing;
} else {
item._x = -250;
}
item.onRollOver = function() {
this.ZoomDiv(150, 6);
this.swapDepths(1000);
};
item.onRollOut = function() {
this.ZoomDiv(100, 6);
this.swapDepths(500);
};
nextItem();
delete this.onEnterFrame;
}
};
}
var amount = pArray.length-1;
function nextItem() {
if (i<((pArray.length*2)-1)) {
i++;
if (p<(pArray.length-1)) {
p++;
makeSlider();
} else {
p = 0;
makeSlider();
}
} else {
activateSlider();
}
}
var center = Stage.width/2;
var speed = .05;
function activateSlider() {
slider.onEnterFrame = function() {
var distance = _root._xmouse-center;
if (mask.hitTest(_root._xmouse, _root._ymouse)) {
this._x += (distance*speed);
if (this._x<-sub_slider._width/2) {
this._x = 0;
}
if (this._x>0) {
this._x = -sub_slider._width/2;
}
}
};
}
//--------------------------------------------------------------
MovieClip.prototype.ZoomDiv = function(pDim, pTempo) {
this.onEnterFrame = function() {
if (this._xscale<pDim-1/pTempo) {
this._xscale = this._xscale+(pDim-this._xscale)/pTempo;
this._yscale = this._yscale+(pDim-this._yscale)/pTempo;
} else if (this._xscale>pDim+1/pTempo) {
this._xscale = this._xscale+(pDim-this._xscale)/pTempo;
this._yscale = this._yscale+(pDim-this._yscale)/pTempo;
} else {
this._xscale = this._yscale=pDim;
delete this.onEnterFrame;
}
};
};
ASSetPropFlags(MovieClip.prototype, "ZoomDiv", 1);
View Replies !
View Related
Xml Image Gallery With Slider
I download the xml_dynanmic_gallery_with pop up movie from the movies section and I am having probelms with it. If you duplicate the movie and change the name of the xml file it doesnt read the images. Anyone have any idea about this source file?
View Replies !
View Related
Image Slider Problem
Hello,
This is my first thread and my English is weird so be nice to me.
I'm currently writing an image slider where you have a "Next"-button you can click on. When you click on it all the images on the stage slide to the right.
When the images slide to the right I want to move the right outermost image and place it left of the image that is the left outermost. (Yes, so you will be able to click on the "Next"-button forever)
I have this function to rearrange my array named _images that contains all the images as image objects.
ActionScript Code:
private function reArrangeImages():void
{
var numberOfImages:int = _imageSliderImages.length;
// Rearranges the order of the array (1, 2, 3, 4) -> (2, 3, 4, 1)
_imageSliderImages.push(_imageSliderImages.shift());
var image:ShowRoomSliderImage =
_imageSliderImages[numberOfImages - 1] as ShowRoomSliderImage;
image.x = numberOfImages * -200;
}
Everything works fine the first time I click through the images but when I begin the second "iteration" it's not working.
Any ideas?
View Replies !
View Related
Dynamic Image Slider
URL: Layoutgalaxy.com
I am using the above tutorial and am clueless about Flash!! I have downloaded the source file and gone through the instructions however have no idea how to load my own images into the slider. Can someone please help I have been tearing out my hair for days...and I need it! Cheers
View Replies !
View Related
Dynamic Image Slider
http://www.layoutgalaxy.com/html/htmnewletter43-page1.htm
I am using the above tutorial and am clueless about Flash!! I have downloaded the source file and gone through the instructions however have no idea how to load my own images into the slider. Can someone please help I have been tearing out my hair for days...and I need it! Cheers
View Replies !
View Related
Cool Image Slider Like This...?
Hi guys
Can U help me make a image slider like this: http://www.in2media.com/
The important thing is that it loops... can only figure out how to make a single MC slide from one end to the other.
like my own here http://www.plusidentity.com/
Please some hints, tuts or examples...
Thanx
View Replies !
View Related
Can Someone Help Modify This Image Slider
I found this FLA a few weeks ago (I cant remember if it was here or elsewhere, sorry) and it's awesome but I want to use it for my site and not have the user able to change the sliding speed. I want it to automatically set to low friction and slow sliding so it appears very smooth. I have tried to do this but my AS suuuuucks and I basically just mess it up lol.
If someone can help that would be cool. Sorry I'm not giving credit to the original I cant remember where I got it Thanks
Link
View Replies !
View Related
Modify An Image Slider Using Xml
I want to midify this script to use image that have different width.
http://www.flashkod.com/codes/SLIDER...ENS_33504.aspx
Can you help me please?
Here is what I tried:
I aded a width attribut in the xml file to set each image width (widthimage="215")
In the Movie clip menu_mc I modified the actionscript to use the attribute width in the xml file.
Code:
//350 étant le milieu de la scène, là où la vitesse est la plus faible
this.onMouseMove = function() {
this.vitesseMenu = Math.round(-(this._xmouse-350)/50);
};
// c'est Math.round qui va éviter le décalage
//et le tremblement des images
//car il arrondit les valeurs
setMenu = function (FileXML) {
// largeurBouton = 100;
for (var n = 0; n<FileXML.childNodes.length; n++) {
var Name = "bouton"+n;
//on duplique le bouton qui va contenir les images
var btn = attachMovie("BTN_mc", Name, n);
//LINE I ADDED
largeurBouton = FileXML.childNodes[n].attributes.widthimage;
//END LINE I ADDED
//largeurBouton = 100;
btn._x = n*largeurBouton;
//on lui attribue les chemins correspondants du fichier xml
btn.URL = FileXML.childNodes[n].attributes.URL;
btn.urlimg = FileXML.childNodes[n].attributes.urlimage;
}
decalage = n*largeurBouton;
};
But it does not work,
View Replies !
View Related
Dynamic Image Slider
Hi,
I am new to forums and also new to xml and action scripting.
I want to create an image slider for a website. It should have both horizontal and vertical scrolling on click of arrow keys. ( something like www.disney.in)
I have always been referring flash tutorials on kirupa and have successfully created it. But now I want to make it dynamic using xml in which each image inside the scroller will have a
link to the next page of the same site.
I tried lot of tutorials from different forums but the url to image thing doesn't work.
Can someone help me out of it, please?
furthermore, I want 5 images replaced by another 5 at one click.
is there anybody?
View Replies !
View Related
Dynamic Image Slider
URL: Layoutgalaxy.com
I am using the above tutorial and am clueless about Flash!! I have downloaded the source file and gone through the instructions however have no idea how to load my own images into the slider. Can someone please help I have been tearing out my hair for days...and I need it! Cheers
View Replies !
View Related
Dynamic Image Slider
http://www.layoutgalaxy.com/html/htmnewletter43-page1.htm
I am using the above tutorial and am clueless about Flash!! I have downloaded the source file and gone through the instructions however have no idea how to load my own images into the slider. Can someone please help I have been tearing out my hair for days...and I need it! Cheers
View Replies !
View Related
Image Slider In Menu
Hello mates!!
Ok, I need to built this menu, an horizontal menu, 4 items, like "home", "portfolio", "contacts" and "links". And I have this image that must go after the menubutton, when you click in one of this menubuttons.
This image go right below the buttons...I´ve already saw this in many many websites...but I don´t know how to do it.
Did I explain right..?
thanx in advance
Hugs
View Replies !
View Related
Slider, Didn't Loop. Image Was Cut..
hello,
im trying the slider on flash mx. and i was wondering if i can continue the image without being cut everytime the image is on the end.
can this be done thru action script?
i think making more and more image that long will make the flash big in size, so i was wondering is theire any other way..
see this : http://axishift.ath.cx/flash/slider_test.html
thanks,
louie
View Replies !
View Related
Image Menu Slider Problems
I created a vertical image scroller that moves up or down based on mouse position. I would like it to move only when the cursor is within the menu area and not outside; it will start to look distracting when their is some copy to read on the screen. I included the file so you can see how it was built.
Any help would be greatly appreciated.
Thanks in advance.
View Replies !
View Related
Link To Www. From A Image Portfolio Slider?
Hi all well I finaly admitted defeat and need a little help from you as masters.
I am using flash 8 and am trying to add web links to my invisible buttons on my portfolio slider see as below
on(release) {
getURL(_root.btlink[1])
trace(_root.btlink[1]);
}
I try
on(release) {
getURL(http://www.yahoo.com/)
trace(_root.btlink[1]);
}
but am not sure what to do with the rest of the as??
thanks in advance
View Replies !
View Related
Image Slider With Depth Of Field
Hi,
I'm trying to find anything to help me build an image slider that pans slides horizontally. The kicker is that each slide has 3 images on different depths of perspective and I'd like the images to slide and reflect this depth. So the image closest to you moves quickest and the one furthest away from you moves the slowest. I imagine it would be 3 movieclips that slide at different speeds......
I've checked the movies but couldn't find anything. I know this can be done with script and I'm just trying to save myself some time and headaches from doing this from scratch.
Any help or advice would be brilliant.
Steven.
View Replies !
View Related
Image Scrolling / Slider Problem
I am trying to make an image scroller that moves up and down as well as the usual left and right. This is an example of a standard left / right one: left/right example I have downloaded a few examples of image scrollers and tinkered with the code but with no luck. I can make it go up/down OR left/right but I can't get both ways working together.
This is the basic code placen on the image MC that I started with:
ActionScript Code:
onClipEvent(load) {
nScreenWidth = 300;
nMaxRate = 5;
// nPixels determines the speed of the slider movement
function moveRight(nPixels) {
this._x -= nPixels;
if (this._x < 0-nScreenWidth) {
this._x = 0;
}
}
function moveLeft(nPixels) {
this._x += nPixels;
if (this._x > 0) {
this._x = 0-nScreenWidth;
}
}
}
onClipEvent(enterFrame) {
// move slider with speed dependent on mouse position
if (_root._xmouse < nScreenWidth/2 && _root._xmouse > 0) {
moveLeft(nMaxRate - _root._xmouse * nMaxRate/(nScreenWidth/2));
} else {
if (_root._xmouse > nScreenWidth/2 && _root._xmouse < nScreenWidth) {
moveRight (_root._xmouse * nMaxRate/(nScreenWidth/2) - nMaxRate);
}
}
}
Any help would be greatly appreciated!
View Replies !
View Related
New To Flash - Image Slider Navigation
OK, so i have put off learning flash for over a year now - and its time i smartened up my act!
So i have something that i would like to create - its on http://www.freecaster.tv - see that image slider at the top that when you hover over the dates the image moves? Well that's what i want to make if i can.....
Question: Am i way over my head trying to do this as a newbie to flash? Is it hard? Does anyone have any tutorials that they know of that can push me in the right direction?
I do a lot of video editing, and i understand the concept of flash with the key points and things.....
Any help will be very much appreciated...
Thanks!
View Replies !
View Related
Image Slider Pan Thing With ScrollRect
I'm not sure if something like this has been posted, I've seen requests, and I've seen versions on this site and other sites - anywho.
I created a class file for this, all you need is one movieclip containing your image. It uses scrollRect vs. masking. One note, I'm placing button events on the image clip itself, so if you want to pan a movieclip that contains buttons, you'll have to create a button clip to handle those events. To initiate:
ActionScript Code:
import com.McSlider;var myclip:MovieClip = _root.img;var myeasing:Number = .5;var myX:Number = 40;var myY:Number = 40;var myviewW:Number = 720;var myviewH:Number = 520;var mystartX:Number = ((myclip._width - myviewW)/2); //want the image to start centeredvar mystartY:Number = ((myclip._height - myviewH)/2); //want the image to start centered//new McSlider(yourMovieClip, easing, clipX, clipY, aperature_width, aperature_height, initial_x_Offset, initial_y_Offset);var nMC:McSlider = new McSlider(myclip, myeasing, myX, myY, myviewW, myviewH, mystartX, mystartY);
To view:
http://flash.creatify.com/experiments/McSlider.html
Download:
http://flash.creatify.com/experiments/McSlider.zip
*****EDIT 09.07.06:
I've uploaded a version that accepts buttons within the movieclip - enjoy:
VIEW:
http://flash.creatify.com/experiments/McSliderB.html
DOWNLOAD:
http://flash.creatify.com/experiments/McSliderB.zip
*****EDIT 12.12.06
I've uploaded a version that with 3 new public methods:
stopMotion();
startMotion();
slideToPoint(x,y);
VIEW:
http://flash.creatify.com/experiments/McPan.html
DOWNLOAD:
http://flash.creatify.com/experiments/McPan.zip
View Replies !
View Related
Horizontal Xml Slider W/ Various Image Widths
Hi,
I'm new here and perhaps am posting a question that has been answered previously, but was unable to find. My apologies if so.
I'm designing a horizontal image slider. I want it to load from an xml and to recognize different widths in the images (all images will have the same height). I find plenty of ways to load from an xml, however the images must always conform to a predetermined set of dimensions. I really need the width to be variable (according to images) with a small gap between each image.
Any help with this?
Thanks,
Mark
View Replies !
View Related
|
TRACKER
