Solved

Popup To Display Home Page Of External Site

Posted on 2014-11-17
2
237 Views
Last Modified: 2014-12-03
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
Comment
Question by:sandshakimi
[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 Comments
 
LVL 4

Expert Comment

by:ItWorked
ID: 40449548

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
 
LVL 33

Accepted Solution

by:
Big Monty earned 500 total points
ID: 40450091
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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

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

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
The viewer will learn how to dynamically set the form action using jQuery.
Suggested Courses

622 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