WordPress is a very popular option for running your web site and can be used to get your content online quickly for the world to see. This guide will walk you through installing the WordPress server software and the initial setup process.
Course Of The Month
Become a Premium Member and unlock a new, free course in leading technologies each month.
Solved
Jquery Interchange Slideshow with tooltip effect
Posted on 2013-01-02
I'm looking for jquery interchange slideshow with tooltip effect in within image inner selection. I'm looking exact sample link of https://www.airbnb.com/ site type of slideshow effects and with each slideshow image inner content need a tooltip effect also..
how can i do that..? Here i attached sample page..Plz guide me..
test.png
how can i do that..? Here i attached sample page..Plz guide me..
test.png
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
-
2
4 Comments
looks like this is done without using JQuery
attached is the soruce with the JS and CSS files
SOURCE.zip
attached is the soruce with the JS and CSS files
SOURCE.zip
Active today
This source.zip code Not Working..
In My current code working interchange slideshow and tooltip window..
i attached in my code file..
but I want a slideshow height for full page browser window height. and if i browser window resized,"tooltip message need to display same placed adjustable position type" also slideshow frame height need to browser window height.
It's feasible to make it for css with jquery?
code.html
In My current code working interchange slideshow and tooltip window..
i attached in my code file..
but I want a slideshow height for full page browser window height. and if i browser window resized,"tooltip message need to display same placed adjustable position type" also slideshow frame height need to browser window height.
It's feasible to make it for css with jquery?
code.html
Your html is malformed, and the javascript doesn't work.
It's also not clear what you are trying to achieve. The example website you posted is full of all kinds of stuff, so it's hard to tell what you are referring to.
Please have a look at this link. Click in the middle of the image - the gallery pops up in a light-box view and resizes with the browser. Is that what you are looking for?
http://411route68.com/gallery.php?section=gallery
It's also not clear what you are trying to achieve. The example website you posted is full of all kinds of stuff, so it's hard to tell what you are referring to.
Please have a look at this link. Click in the middle of the image - the gallery pops up in a light-box view and resizes with the browser. Is that what you are looking for?
http://411route68.com/gallery.php?section=gallery
Active today
http://tympanus.net/Tutorials/CSS3FullscreenSlideshow/ sample fullscreen slideshow layout.
I 'm looking exactly fullscreen background interchange slideshow also contain Next Previous button (css only not css3) and image handover time appear some tooltip effects in particular position for image above..
If Browser window resized both slideshow and tooltip need to display accurate position like as normal windowing layout..
I attached in my code.
index.html
style.css
fadeslideshow.js
mixpanel-2.1.min.js
modernizr.custom.86080.js
img1.jpg
img2.jpg
tag1.png
tag2.png
sl-next.png
sl-prev.png
I 'm looking exactly fullscreen background interchange slideshow also contain Next Previous button (css only not css3) and image handover time appear some tooltip effects in particular position for image above..
If Browser window resized both slideshow and tooltip need to display accurate position like as normal windowing layout..
I attached in my code.
index.html
style.css
fadeslideshow.js
mixpanel-2.1.min.js
modernizr.custom.86080.js
img1.jpg
img2.jpg
tag1.png
tag2.png
sl-next.png
sl-prev.png
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
This article discusses how to create an extensible mechanism for linked drop downs.
This article discusses how to implement server side field validation and display customized error messages to the client.
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS.
Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will learn the basics of jQuery, including how to invoke it on a web page.
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.: (CODE)
Suggested Courses
Earn Certification
HTML5 Specialist - Certification
Free withPremium
Course of the Month5 days, 4 hours left to enroll
635 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.