Community Forum

Over the years we have built up a community of email marketers, coders and designers that live and breathe email.

Use the Email on Acid Forum like your virtual water cooler: Stop by to discuss email code, quirky clients and fixes and post your issues (with an example of the code) for our community to offer its assistance.

 
   
Issue regarding expanding images and navigation

grimnox

Newbie
Total Posts:  2
Posted: 09 April 2017 03:25 AM

I used this code for my gallery to allow me to expand thumbnail images open clicking them however the issue is if you use this code, when you try and navigate on any form of navigation menu or hyperlink it gives you a pop up saying “Error Loading Page”, i got the code from https://www.w3schools.com/jquerymobile/tryit.asp?filename=tryjqmob_popup_image

and the code is:

<!DOCTYPE html>
<html>
<head>
<meta name=“viewport” content=“width=device-width, initial-scale=1”>
<link rel=“stylesheet” href=“https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css”>
[removed][removed]
[removed][removed]
</head>
<body>

<div data-role=“page”>
  <div data-role=“header”>
  <h1>Welcome To My Homepage</h1>
  </div>

  <div id=“pageone” data-role=“main” class=“ui-content”>
  Click on the image to enlarge it.
  Notice that we have added a “back button” in the top right corner.
  [url=”#myPopup” data-rel=“popup” data-position-to=“window”]
  skaret.jpg[/url]

  <div data-role=“popup” id=“myPopup”>
    This is my picture!
    Closeskaret.jpg
  </div>
  </div>

  <div data-role=“footer”>
  <h1>Footer Text</h1>
  </div>
</div>

</body>
</html>


 

grimnox

Newbie
Total Posts:  2
Posted: 09 April 2017 03:32 AM
[ # 1 ]

Image is to big but I uploaded it to imgur:

http://imgur.com/a/JuUa6