Results 1 to 5 of 5

Thread: Dragable elements Script

  1. #1
    Join Date
    Aug 2005
    Posts
    94
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Dragable elements Script

    Hi,

    I just love the Dragable elements Script (http://www.dynamicdrive.com/dynamicindex4/image3.htm), but is it possible to have the pics name underneeth it? (whitout the .gif extension/ which also moves along with the pic)

    So like this: (picname: monster.gif)

    PIC
    monster

    And this will be dragable

    Thx

  2. #2
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    Make a div, then put the image in it, and the text underneath; then make the div draggable, not the image.
    HTML Code:
    <div class="drag">
    <p>
    <img src="piccie.png"/><br/>
    Piccie
    </p>
    </div>
    Last edited by Twey; 08-03-2005 at 12:48 PM.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  3. #3
    Join Date
    Aug 2005
    Posts
    94
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thx but what is a div? I believed only the pics where dragable. Sorry if this is a noob questions, but I am new to this.

    Best way is to give the code I need so I can copy past it and test it. And if you will, add comments to it to parts to explain what they do.

    Hope this is not too much i ask, but need to learn

    Thx

  4. #4
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    Divider. Code above.
    If you read the script's demo page, it says that any element is draggable, and gives an example of a draggable paragraph at the bottom.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  5. #5
    Join Date
    Aug 2005
    Posts
    94
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi,

    Thx for the reply, really appreciate it.

    Another question, the above code works great, but I find the text underneeth it a bit plain. So I wondered, is it possible to get the text in a "balloon like" look? Just like the buttons on this forum (post reply, quote, etc) So like this: (picture.gif) And this balloon has a color (#FFFFFF) and canges size to match the text length... is there a script for this? Couldn't find anything like this on the net, so maybe you guys have an idea? I know I can use images to achieve this, but I rather have it with-out using images...

    Also:
    Is there a way to make a big square-border-area where you only can move the pic in? Like a big sqaure or somthing. Now peeps can move the pics over the entire site, but I only want to let them move the pics I a specific area (big square)...

    Many thx,

    0

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •