Solved

Popup To Display Home Page Of External Site

Posted on 2014-11-17
2
232 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

Enroll in May's Course of the Month

May’s Course of the Month is now available! Experts Exchange’s Premium Members and Team Accounts have access to a complimentary course each month as part of their membership—an extra way to increase training and boost professional development.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Passing ASP variables in JQuery 4 52
Disabling a Faux Submit Button 4 41
Cannot find JQuery answer to looping through nested objects 8 32
iframe stay to the left of page 5 30
Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…

739 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