Solved

How do I get accordian panel to show thumbnails?

Posted on 2013-01-20
10
264 Views
Last Modified: 2013-01-21
I am not doing so well with my jQuery.  I have a working example here.

Most of my code came from this tutorial:

How can I fix it so when the panels shorten, under Photos, the photo remains, but shrinks into a thumbnail, as well as the video?  And the words under Posts fit into the panel, with no change of font.  Basically, I want to see what is under every category and it just get larger or smaller when clicked, instead of disappearing out of view.

Is this possible, and if so, can someone help me?

Thank you in advance for any help!
0
Comment
Question by:happysunny
  • 5
  • 5
10 Comments
 
LVL 25

Accepted Solution

by:
Kyle Hamilton earned 500 total points
Comment Utility
Hi,

You can do this much more simply with just CSS3. It won't animate in IE <10 though.
http://candpgeneration.com/EE/infogrid/index.html

What browsers are you planning on supporting? If you like the way this behaves I could add the some js to make it animate in IE.
0
 
LVL 4

Author Comment

by:happysunny
Comment Utility
Thank you so much for responding.  CSS3 never ceases to amaze!  I'd like to support as many browsers as I can, including IE if that is possible.
0
 
LVL 25

Expert Comment

by:Kyle Hamilton
Comment Utility
ok, I'll add some javascript for browsers that don't support CSS3 transitions.

in the meantime though, you will make your life easier for other aspects too if you decide which versions of IE (and what devices, etc...) to support, most people go with 8 and up these days.
0
 
LVL 25

Expert Comment

by:Kyle Hamilton
Comment Utility
Ok, go to that link again. It should work in IE now.
0
 
LVL 4

Author Comment

by:happysunny
Comment Utility
Thank you for advice.  This is for a client, and it's been a bit unclear of versions and devices.  If I were to ask him, he'd probably say he wants it to be used on all devices and all IE versions, so I should already have this thought out.  He particularly loves using AOL for everything, which uses the terrible modified version of IE. Arg!
0
Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

 
LVL 4

Author Comment

by:happysunny
Comment Utility
Is there a way to have everything in each panel in view?  Instead of sliding to show only one picture or post or video?  What are the pros and cons of doing that?
0
 
LVL 25

Expert Comment

by:Kyle Hamilton
Comment Utility
what's there now should work pretty consistently across most browsers. If you see something in a particular browser that is not working let me know.
0
 
LVL 4

Author Comment

by:happysunny
Comment Utility
Nevermind, that was a dumb question; It was changing the class "infoCol".  This is fantastic!  Thank you so much for your help!!!
0
 
LVL 4

Author Closing Comment

by:happysunny
Comment Utility
You are brilliant!
0
 
LVL 25

Expert Comment

by:Kyle Hamilton
Comment Utility
:)
0

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
Using SQL Scripts we can save all the SQL queries as files that we use very frequently on our database later point of time. This is one of the feature present under SQL Workshop in Oracle Application Express.
The viewer will learn how to count occurrences of each item in an array.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now