Page 1 of 2 12 LastLast
Results 1 to 10 of 14

Thread: Animated Collapsible DIV v2.4 - Updating it

  1. #1
    Join Date
    Apr 2005
    Posts
    54
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Exclamation Animated Collapsible DIV v2.4 - Updating it

    Hi
    i am using
    http://www.dynamicdrive.com/dynamici...edcollapse.htm

    but i would like to combinate with this navigation
    http://www.bfmarketing.com/LNA-3071-...ge/change.html

    Can anyone help?

  2. #2
    Join Date
    Aug 2004
    Posts
    9,903
    Thanks
    3
    Thanked 967 Times in 955 Posts
    Blog Entries
    15

    Default

    Combining the two in what way?
    DD Admin

  3. #3
    Join Date
    Apr 2005
    Posts
    54
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    when you click on button1 (energy and efficiency ...) the other images change and a panel appears ...you can see it @ http://www.bfmarketing.com/LNA-3071-Landing-page/

    Please advice

  4. #4
    Join Date
    Aug 2004
    Posts
    9,903
    Thanks
    3
    Thanked 967 Times in 955 Posts
    Blog Entries
    15

    Default

    Hmm if you look at Example 4, 5, and 6 on the script page, you'll see it does support using images to toggle content, with the image itself changing based on the state of the corresponding content.
    DD Admin

  5. #5
    Join Date
    Apr 2005
    Posts
    54
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Hi, yes and it is excellent but i was looking for an option where the image changes other images as you can see on my navigation
    will that be possible?

  6. #6
    Join Date
    Aug 2004
    Posts
    9,903
    Thanks
    3
    Thanked 967 Times in 955 Posts
    Blog Entries
    15

    Default

    Hmm on the example page you cited, I see four images that each change when their corresponding DIV is expanded, and changes back to their original image when contracted instead. There are no other changes to any other images on the page. If that's the case, then as mentioned, demos 4 to 6 already demonstrates this in action. Just make sure all your DIVs are initialized as part of the same group, for example:

    Code:
    animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
    animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
    animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')
    Again, please see demos 4 to 6 and the code to copy and paste.
    DD Admin

  7. #7
    Join Date
    Apr 2005
    Posts
    54
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    hi
    i have 3 styles for each button image

    btn-on (shows full image)
    btn-light (ghosted image)
    btn-off (shows image in color)

    'data-closedimage' (btn-light) overrides the image in color (btn-off)....is there a way to have 'data-closedimage' activated only after a click?

  8. #8
    Join Date
    Apr 2005
    Posts
    54
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    i guess what i am trying to say is
    can i load the page by showing the image indicated between the <img> tags?

  9. #9
    Join Date
    Apr 2005
    Posts
    54
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    can i load the page by showing the image indicated between the <img> tags instead of having 'data-closedimage' show first?

  10. #10
    Join Date
    Aug 2004
    Posts
    9,903
    Thanks
    3
    Thanked 967 Times in 955 Posts
    Blog Entries
    15

    Default

    So just to be clear, initially you want whatever image is defined in the "src" property of the toggler button to be shown regardless of its corresponding contennt's state (closed or opened), and then as soon as the user starts interacting with the button, to override that with either the closed or opened image depending on the content's state?
    DD Admin

Similar Threads

  1. Animated Collapsible Div
    By Adamtrigg in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 03-30-2010, 09:22 PM
  2. Animated Collapsible Div
    By dannyboy83 in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 03-13-2009, 07:14 PM
  3. Animated Collapsible DIV
    By jmueller0823 in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 10-26-2008, 07:50 AM
  4. Animated Collapsible Div and animated gifs
    By flangeway in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 01-22-2008, 02:57 AM
  5. Animated Collapsible DIV - Collapsible DIVs inside collapsible DIV
    By ekin in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 09-26-2007, 02:03 AM

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
  •