# How is it done, draggable fullscreen \[renamed\]

**URL:** <https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301>\
**Category:** flash\
**Created:** [March 25, 2006, 5:31pm UTC](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301 "2006-03-25T17:31:37Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![waseem](https://avatars.discourse-cdn.com/v4/letter/w/9dc877/32.png) [@waseem](https://forum.kirupa.com/u/waseem)\
**Post date:** [March 25, 2006, 5:31pm UTC](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301/1 "2006-03-25T17:31:37Z")

</div>

Hi people  
i am dieing to know how they do this effect where you drag around a large area, i think they put all pages on one large one and you drag around. Iseen this effect on many websites. I rally wanna know, plz help!

Here is an example:  
[http://www.bio-bak.nl/](http://www.bio-bak.nl/)

---

<div class="post-metadata">

**Author:** ![waseem](https://avatars.discourse-cdn.com/v4/letter/w/9dc877/32.png) [@waseem](https://forum.kirupa.com/u/waseem)\
**Post date:** [March 25, 2006, 6:09pm UTC](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301/2 "2006-03-25T18:09:24Z")

</div>

Hi people  
i am dieing to know how they do this effect where you drag around a large area, i think they put all pages on one large one and you drag around. Iseen this effect on many websites. I rally wanna know, plz help!

Here is an example:  
[http://www.bio-bak.nl/](http://www.bio-bak.nl/)

---

<div class="post-metadata">

**Author:** ![o111](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/o111/32/2123_2.png) [@o111](https://forum.kirupa.com/u/o111)\
**Post date:** [March 25, 2006, 6:36pm UTC](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301/3 "2006-03-25T18:36:22Z")

</div>

I dont know that one waseem…  
But another question to people guarding that site. How is that cursor made? The way the hand changes when you click and not.

---

<div class="post-metadata">

**Author:** ![v2ikematu](https://avatars.discourse-cdn.com/v4/letter/v/3d9bf3/32.png) [@v2ikematu](https://forum.kirupa.com/u/v2ikematu)\
**Post date:** [March 25, 2006, 7:52pm UTC](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301/4 "2006-03-25T19:52:07Z")

</div>

change you attributes from write-only to search-read-think-write 🙂

---

<div class="post-metadata">

**Author:** ![Templarian](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/templarian/32/7152_2.png) [@Templarian](https://forum.kirupa.com/u/Templarian)\
**Post date:** [March 25, 2006, 8:17pm UTC](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301/5 "2006-03-25T20:17:01Z")

</div>

You have to change the movies quality when ever its dragged so you dont lagg out flash.

//edit, that site is really smooth i think they are cache the bitmap also which i dont know flash 8, it just makes images remember themselves in so they can be moved faster.

---

<div class="post-metadata">

**Author:** ![Dauntless](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/dauntless/32/749_2.png) [@Dauntless](https://forum.kirupa.com/u/Dauntless)\
**Post date:** [March 25, 2006, 8:17pm UTC](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301/6 "2006-03-25T20:17:33Z")

</div>

You even answered your own question: Put evrything in 1 global movieclip and drag it arround using startDrag() en stopDrag();

---

<div class="post-metadata">

**Author:** ![waseem](https://avatars.discourse-cdn.com/v4/letter/w/9dc877/32.png) [@waseem](https://forum.kirupa.com/u/waseem)\
**Post date:** [March 25, 2006, 8:47pm UTC](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301/7 "2006-03-25T20:47:12Z")

</div>

thanks dauntless, but a few more question, you know when u press on the buttons it moves down to the particular section by itself, how does this happen? i was thinking that when you press the button you change the x and y valuess of the movieclip to the particular area you want it to. How do they make the bounderies where you cant drag anymore?  
thanks!

---

<div class="post-metadata">

**Author:** ![Dauntless](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/dauntless/32/749_2.png) [@Dauntless](https://forum.kirupa.com/u/Dauntless)\
**Post date:** [March 25, 2006, 8:48pm UTC](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301/8 "2006-03-25T20:48:55Z")

</div>

Draging boundries? Check the helpfiles for startDrag();

Moving to certain positions? Use easing. (I think there’s a tutorial here on kirupa about that).

---

<div class="post-metadata">

**Author:** ![waseem](https://avatars.discourse-cdn.com/v4/letter/w/9dc877/32.png) [@waseem](https://forum.kirupa.com/u/waseem)\
**Post date:** [March 25, 2006, 8:49pm UTC](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301/9 "2006-03-25T20:49:08Z")

</div>

o ya, can you also make the movie zoomed in at a particular percentage like 500% through out the whole movie, and where people cant zoom in and out on thier own?

---

<div class="post-metadata">

**Author:** ![waseem](https://avatars.discourse-cdn.com/v4/letter/w/9dc877/32.png) [@waseem](https://forum.kirupa.com/u/waseem)\
**Post date:** [March 25, 2006, 8:49pm UTC](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301/10 "2006-03-25T20:49:47Z")

</div>

where do u find help files?

---

<div class="post-metadata">

**Author:** ![TheCanadian](https://avatars.discourse-cdn.com/v4/letter/t/67e7ee/32.png) [@TheCanadian](https://forum.kirupa.com/u/TheCanadian)\
**Post date:** [March 25, 2006, 8:57pm UTC](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301/11 "2006-03-25T20:57:40Z")

</div>

Press F1

---

<div class="post-metadata">

**Author:** ![waseem](https://avatars.discourse-cdn.com/v4/letter/w/9dc877/32.png) [@waseem](https://forum.kirupa.com/u/waseem)\
**Post date:** [March 25, 2006, 8:59pm UTC](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301/12 "2006-03-25T20:59:21Z")

</div>

what do you mean? press f1 where

---

<div class="post-metadata">

**Author:** ![TheCanadian](https://avatars.discourse-cdn.com/v4/letter/t/67e7ee/32.png) [@TheCanadian](https://forum.kirupa.com/u/TheCanadian)\
**Post date:** [March 25, 2006, 9:02pm UTC](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301/13 "2006-03-25T21:02:55Z")

</div>

It’s on your keyboard - press it in Flash

---

<div class="post-metadata">

**Author:** ![nabskater](https://avatars.discourse-cdn.com/v4/letter/n/aca169/32.png) [@nabskater](https://forum.kirupa.com/u/nabskater)\
**Post date:** [March 25, 2006, 9:30pm UTC](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301/14 "2006-03-25T21:30:18Z")

</div>

Sorry to not be of any help… but WOW! That is a really cool website!:thumb2:

---

<div class="post-metadata">

**Author:** ![waseem](https://avatars.discourse-cdn.com/v4/letter/w/9dc877/32.png) [@waseem](https://forum.kirupa.com/u/waseem)\
**Post date:** [March 25, 2006, 9:34pm UTC](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301/15 "2006-03-25T21:34:11Z")

</div>

thanks,  
im having trouble with this, i got the clip be dragable, on press and i got it to stop on release. But i want it to give an ease effect once on release so it just doesnt stop it moves a lil then stops. I saw the tutorial on tweening with actionscript but i still need more help anyone know how i can achieve this affect?

---

<div class="post-metadata">

**Author:** ![waseem](https://avatars.discourse-cdn.com/v4/letter/w/9dc877/32.png) [@waseem](https://forum.kirupa.com/u/waseem)\
**Post date:** [March 25, 2006, 9:37pm UTC](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301/16 "2006-03-25T21:37:04Z")

</div>

ummi looked in the F1 source files in flash but i couldnt find the drag boundaries

---

<div class="post-metadata">

**Author:** ![TheCanadian](https://avatars.discourse-cdn.com/v4/letter/t/67e7ee/32.png) [@TheCanadian](https://forum.kirupa.com/u/TheCanadian)\
**Post date:** [March 25, 2006, 9:43pm UTC](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301/17 "2006-03-25T21:43:37Z")

</div>

Search for startDrag

---

<div class="post-metadata">

**Author:** ![scotty](https://avatars.discourse-cdn.com/v4/letter/s/91b2a8/32.png) [@scotty](https://forum.kirupa.com/u/scotty)\
**Post date:** [March 25, 2006, 9:43pm UTC](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301/18 "2006-03-25T21:43:59Z")

</div>

Don’t crosspost, threads are merged:cool:

scotty(-:

---

<div class="post-metadata">

**Author:** ![waseem](https://avatars.discourse-cdn.com/v4/letter/w/9dc877/32.png) [@waseem](https://forum.kirupa.com/u/waseem)\
**Post date:** [April 2, 2006, 12:34am UTC](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301/19 "2006-04-02T00:34:18Z")

</div>

Anyone know how it is done on that website?  
I want to add the ease when on release!

---

<div class="post-metadata">

**Author:** ![waseem](https://avatars.discourse-cdn.com/v4/letter/w/9dc877/32.png) [@waseem](https://forum.kirupa.com/u/waseem)\
**Post date:** [April 2, 2006, 12:34am UTC](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301/20 "2006-04-02T00:34:52Z")

</div>

I’ve searched everywhere but couldnt find it

[Next page](https://forum.kirupa.com/t/how-is-it-done-draggable-fullscreen-renamed/183301.md?page=2)
