Changing Content within an HTML Slide on Wordpress Slider

Posted on 2012-08-30
Medium Priority
Last Modified: 2012-09-14
Hi folks,

I have an unusual question and I am extremely limited on my Java knowledge. I'm mostly just an html dude. But here is my dilemma. I have a slider on my website that holds custom html in each slide. I would like to put a series of thumbnails in the slide and when clicked, another set of html appears within the slide. Someone told me to use JavaScript and AJAX, but I really could use a tutorial or a good head start on how I could accomplish this. I tried making a few tables within an html page and using anchors within the page to snap to when a link is clicked, but the page jumps all over the place with that method. If anyone could help or has any suggestions I would be eternally grateful! Thanks!
Question by:mikiebargman
1 Comment
LVL 11

Accepted Solution

mcnute earned 2000 total points
ID: 38353800
you can change the html of an element (div, td, span, etc) wiht the jquery .html() method.

Where the content comes from is up to you.
You could make an ajax call to a serverside script which generates the new code with a database query.
You can load external html files into your container div with jquery .load() method.

You can have your content already loaded into the dom and hide and show the set you want by css display:none - display:block with the .css() method.

The ways are infinite. Just like god ones.

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

839 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