Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 256
  • Last Modified:

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
0
sandshakimi
Asked:
sandshakimi
1 Solution
 
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

Featured Post

How to Use the Help Bell

Need to boost the visibility of your question for solutions? Use the Experts Exchange Help Bell to confirm priority levels and contact subject-matter experts for question attention.  Check out this how-to article for more information.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now