Dynamic dragdrop image gallery

wangruyi

Dynamic dragdrop image gallery

XML driven
easy add the photo title , thumb images, large image
drag the thumb with dynamic dropshadow
when double click the thumb,then enlarge the photo.

My other portfolio: http://www.flashden.net/user/wangruyi/portfolio

My Portfolio:

flash website template

Dynamic image or video gallery

Dynamic news with xml

Dynamic Text scroll with easing

Dynamic xml scroll with easing

Dynamic Auto slideshow

menu and button

other

My other porfolio: http://www.flashden.net/user/wangruyi

Posted 11 months ago

dlewis23

I really like this and want to add it to my site, right away for my all of my users to use.

I want to know, can I tell it what XML file to use? or is it on a static XML file name?

thanks.

Posted 10 months ago

wangruyi

@dlewis23

the xml is external file like this:

Posted 10 months ago

wangruyi

@dlewis23

item title=”hello” thumb=”thumb/img0.jpg” photo=”photo/0.jpg” desc=”please enter the description.custom the contents”

Posted 10 months ago

slee

is there an easy way to restrain the photos being dragged off the stage and also when they are double clicked to not go off the stage at all?

it is very good apart from these little things

Posted 10 months ago

Kimo

I would of purchased this. But “Slee” was right. Having constraints for the photos not to go off the stage would be essential for many users move their mouse all over the place and then wonder where everything went.

Perhaps a reset button could do the trick if that happens. Just a suggestion!

But it does look and act different from others.

Kimo

Posted 10 months ago

slee

i would prefer not to have a reset button if possible. resrtaining the drag to teh stage and moving the double click of the photo would be better. can you let us know any details to how to achieve this?

thanks

Posted 10 months ago

slee

ok ive figured it out

in the with (temp_mc)..

i made it:

with (temp_mc) {
            _x = Math.random() * (Stage.width - 100) + 50;
            _y = Math.random() * (Stage.height - 200) + 100;
            if (_x >= Stage.height) {
                _x = _x - 250;
            }
            if (_y >= Stage.width) {
                _y = _y - 250;
            }
        }

this keeps the generated photos on the stage to begin with. i then added teh following into the temp_mc = temp_mc.onRelease…

if (this.xfinal >= Stage.width - 100) {
                this.xfinal = Stage.width - 150;
            }
            if (this.xfinal <= 100) {
                this.xfinal = 100;
            }
            if (this.yfinal >= Stage.height - 100) {
                this.yfinal = Stage.height - 150;
            }
            if (this.yfinal <= 100) {
                this.yfinal = 100;
            }

this stops it dragging off the screen. then added teh following to temp_mc.onEnterFrame = function…

if(this._x >= Stage.width - 100){
                    this._x = Stage.width  -100;
                }

                if(this._y >= Stage.height - 100){
                    this._y = Stage.height  -100;
                }

                if(this._x <= 100){
                    this._x = 100;
                }

                if(this._y <= 100){
                    this._y = 100;
                }

following that in the else if (this.flag != true)... i commented out:

//this._x += (this.xfinal - this._x) / 3.6;
//this._y += (this.yfinal - this._y) / 3.6;

finally i added the following to the if(this.zoomer == true)...

  this._x = 230;
  this._y =  300;

to move the large scled phtoto to the desired place.

thats it that stops the photo being dragged off the stage and when double clicked it moves the photo to a desired place. just fiddle with the numebr to get it right for your movie.

i hope that helps

Posted 10 months ago

wangruyi

kim slee

I have fix it. now the code:

change “with” code like this: with (temp_mc) {
_x = Stage.width/2+Math.random()+150;
_y = Stage.height/2+Math.random()(-300)+150;

}

It is works fine.

Posted 10 months ago

wangruyi

oh. @kim @slee

the comments allway have some odd. here:

chang “with” codes like this:
with(temp_mc){
_x=Stage.width/2+Math.random() * (-300)+150;
_y=Stage.height/2+Math.random() * (-300)+150;
}

It will works fine.

Posted 10 months ago

michaelmuller

Is it possible to have multiple description text and perhaps a video show as well when the thumb is clicked?

My guess is yes, but I wanted to make sure.

Posted 10 months ago

wangruyi

yes, if you want to video show, need some edit.

Posted 10 months ago

nowooo

Hello wangruyl, i purchase your script gallery, and it works fine ! Great code, thanks ! But i want to center the photo in the stage when you double-click on thumb. can you explain me how to do it ? or send me the code to center the photo after the zoom ?

Nowooo from France.

Posted 10 months ago

wangruyi

hi.nowooo, can you send me a mail?

Posted 10 months ago

Clubware3

Let me know when the video one is ready!

Posted 10 months ago

wangruyi

The video one is here: It is support images and video. when click the tumb ,center contents. http://www.flashden.net/item/dynamic-drag-drop-image-gallery-v2/4867

Posted 9 months ago

xbo

Hi wangruyi,

i will really like to buy your file, but i have a question. When you want to see the pic bigger you need to click 2 times right?, and whens open how about to make 1 click to have a link and 2 times click to minimize the pic.

Its is possible to add this? I will really appreciate this future, because i want to make a link to other pages.

Cheers XBO

Posted 5 months ago

msmitty82

I recently purchased your file, and I have the same question as the user above. I would like to make the popups link to other pages, is there a way to make the box link on one click and minimize on double click?

Posted 4 months ago

pick

Hi, I’ve been working on my portfolio and really like this template. I’ve just got two question that will hopefully allow me to finish.

Is their anyway to put a hyperlink in the text description area when you see the enlarged image? I’d like to be able to send people to any separate html page. I’ve tried and nothing has worked for me so far.

Also I’d like to place this in my wordpress blog and but it doesn’t seam to work. I was able to find FAQ that mentions that paths to xml files should be absolute, not relative ( http://kimili.com/plugins/kml_flashembed#faqs ) I’m not sure the difference and was wondering if theirs is an an easy fix?

Thanks

Posted 3 months ago

mpink

Hello! I need to link a url to the photo…HELP ME please!

Posted 3 months ago

pmidesign

Hi, great instructions and code. Been able to change a few things Only, I don’t need them to enlarge. I would like the user to click on the thumbnail and have it go to a url. Can you help me?

Posted 2 months ago

wangruyi

@pmidesign. please email me.

Posted 2 months ago