On your demo page, the first image in the 3rd block of images – fades the screen white and slides in a heading and some text:
I have a gallery of images that when clicking on an image I’d like the whole screen to fade to the image clicked (instead of white screen as in your demo) and slide in the heading and text same as in your demo.
1) Is this possible with this plugin?
2) Will this plugin work if I already have other formatting applied to the div – as in a isotope filtering?
Yes, HoverAlls can do this. Isotope or other filtering shouldn’t be a problem – worst case scenario with HoverAlls is assigning isotope to different containers to get it to work right. However, the way HoverAlls handles configuration you would definitely be better off with Boxaroo – Adaptive Lightbox – for lightboxes. You can pretty much create any type of lightbox scenario you can imagine with that plugin.
Thx for the response.
What I have is this: http://customweb.co.za/client-demo/hurst2/#projects (gallery with isotope filtering)
I want this to be unaffected, and only when they click on one of the images does your plugin take over, am I correct.
I’m not sure your other plugin is great not sure which to use now Great plugin quality btw. I might get both – as long as you can help me with implementation?
Thanks Boxaroo use the exact same HTML structure as almost every other lightbox plugin. All of the special HTML/CSS, etc is done in an isolated #boxaroo container that is placed at the very start of your page, then positioned, etc – so it will not cause any problems with filtering, gallery, effects, plugins, etc. These plugins will still be able to search the DOM and locate your gallery elements as they do now. Since it is a lightbox, all of this was definitely taken into consideration during the build. HoverAlls is a different story. It takes 3 simple containers and re-arranges them in a bunch of different ways behind the scenes. This is how all of the effects are achieved using the same HTML – so people don’t have to stop and fiddle with “now how do I create a tooltip? a sliding panel?” etc etc. Its all the same. The strengths of HoverAlls is the flexibility, ease of use, and size. The strength of Boxaroo is it can pretty much look like any lightbox you want. More than that, it brings a lot of features to the lightbox that (unless some copycats have popped up) are still new and unique to only Boxaroo (animated gradient reflections that match lightbox transformations, multiple html elements for injecting additional HTML code/interaction, animated matte effects, etc, etc) – so you can get crazy if you want to. And I do provide support for all items. Hopefully this has answered you question, if you have any others – please let me know and I’ll do my best to answer them as soon as possible. Thanks!
I posted a question in Item Support but do not get an answerso I will posit it here? We want to open a hoerall div from inside another hoveralldiv but it does not seem to work with dynamic content. Example is here click Residential to see div 1 and then click “Click Here For More Info”, the resulting page is what we need to have in a new hoverall div. Can this be done?
Hi, I believe I responded to your email a couple of days ago? Unfortunately this is not currently possible.
I really like, it very clean and professional.
I did not understand what is happening, but all messages exchanged yesterday are gone from here.
I agreed to remove the claim that I had done on the basis of your commitment to send-me examples that I requested you.
So far not received your support and my messages are gone.
Can you explain me?
The email was sent out yesterday to your msn account. I forwarded it, please be sure to check your spam.
Sorry Crusader12 but at this time I do not have received any e-mail from you. Please can you forward the e-mail to [ ] with cc to [ ].
I just sent again to both and removed your emails from comment.
Hello Crusader 12,
I believe that the example you sent me is incomplete. I can not do it.
Can please review?
PS .: In what time zone are you in? I ask to know the best time to send messages.
You need to paste the example into the provided HoverAlls examples folder. It has been tested and works 100% for what you’re looking for.
Just purchased. Need instructions for using with Wordpress please – is there a step by step guide or anything? Not finding content provided very easy to follow.
Hi there, this isn’t a WP plugin, but I do provide a WP installer in the download since many people wish to use it with WordPress. After you use the installer, usage is exactly the same and covered in the docs. You will need to handle everything using HTML. If you need assistance creating a specific effect, please feel free to contact me directly through my profile page. Thanks!
i tried to install into an existing html5 site from pixelarity, however, the css class does not get called. i Inspected the
element to see what css was applied, but it only defaulted to the parent div class settings.
i just purchased this and would like to know how to get this going.
Hi there, in order to help you I will need a little more information. Please feel free to contact me directly through my profile page. Thanks!
I added this Hoverall effect to my web page and while it looks fine on desktop for some reason on mobile devices the text captions look blurry and aren’t triggering on tap. I sent an email with a link to my site.
Hi, sorry for the delay, I’m looking into this and will respond to your email as soon as possible. Thanks!
Funniest demo I’ve every seen here ! Nice job
Is this responsive?
sorry just readed it, bought!
Yes, but parts of the plugin do rely on your adding your own CSS for styling so you should be familiar with how to write some responsive CSS. The plugin itself is configured to be fully responsive.
How to build responsive ?
Hi Durongkorn, all HoverAlls effects use percentages internally and the classes that you assign to them. So, just change the CSS for those applied styles in your template/theme’s media queries.
Can you tell me: how do I get the caption link in the rel= attribute to open in the same window rather than a new tab?
Yep, check out the docs under HTML Setup / Links and Text and you’ll see the link_control setting. You can also opt to not use rel for captions and inject your own HTML as a caption – then control whatever you want inside that HTML.
Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.
Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.
View license details
Get it now and save up to $3.60
This item was featured on CodeCanyon