Popup To Display Home Page Of External Site

Use case:  When a visitor hovers over a link, a popup is revealed, showing the current home page of the link.

1) What's the best approach?
2) Any downside to offering this UI experience? Like will affect page load?
3) Also want this to be scalable. I may want to add social media links at the bottom of the popup window.

Popup
sandshakimiAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Hiran DesaiSolution ArchitectCommented:

1. What's best approach?

Well that depends on type of website you are developing. But think of customer or reader's point of view. There shall be not too much information neither too little. It has to be as much as reader is looking for. Showing popup on link is good but make sure that two links are placed at an interval such that two popup aren't opened at the same time. Keep your key information in readable place which shall not be hidden from viewer at anytime. So you can think of opening popup at any specific location so that it not affect readability.

2. Any downside

As I said, It may be like customer don't like that to be opened at someplace.
Page Load Slow? It depends on how are you implementing. Don't download content directly. Let it be lazy loaded. Try using JavaScript with Popup having IFrame in that. Set src attribute only when a mouse is hovered.

3. Want to scale it by adding social links

That shall not be the issue. It's separate and logic is going to be all yours. So definitely doable. (Y)
0
Big MontySenior Web Developer / CEO of ExchangeTree.org Commented:
I've used a jquery plug-in called Lightview for this very type of thing. It's light weight, easy to set up and configure, and the documentation is pretty good.

http://projects.nickstakenburg.com/lightview
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
jQuery

From novice to tech pro — start learning today.