-
Posts
-
Hi.
I created a lightbox with this code for google maps and it has hidden images and responsive menu now doesn’t work.
Any idea on a fix.
Thx<html>
<head>
<script src=”http://www.google.com/jsapi” type=”text/javascript”></script>
<script type=”text/javascript” charset=”utf-8″>
google.load(“jquery”, “1.4.2”);
</script>
<link rel=”stylesheet” href=”css/prettyPhoto.css” type=”text/css” media=”screen” title=”prettyPhoto main stylesheet” charset=”utf-8″ />
<script src=”js/jquery.prettyPhoto.js” type=”text/javascript” charset=”utf-8″></script><!– Google Maps Code –>
<script type=”text/javascript”
src=”http://maps.google.com/maps/api/js?sensor=true”>
</script>
<script type=”text/javascript”>
function initialize() {
var latlng = new google.maps.LatLng(-33.42746, 151.42906);
var myOptions = {
zoom: 15,
center: latlng,
mapTypeId: google.maps.MapTypeId.HYBRID
};
var map = new google.maps.Map(document.getElementById(“map_canvas”),
myOptions);
var marker = new google.maps.Marker({
position: latlng,
map: map,
title: ‘Central Coast Meditation!’
});}
</script>
<!– END Google Maps Code –>
</head>
<body>
<p><img src=”http://www.oneclicktechnology.com.au/khedrubje/wp-content/uploads/2014/02/FooterMapWamberal.png” alt=”Central Coast Mediation
165 Willoughby Rd, Wamberal NSW 2260 “></p><script type=”text/javascript” charset=”utf-8″>
$(document).ready(function(){
$(“a[rel^=’prettyPhoto’]”).prettyPhoto({
custom_markup: ‘<div id=”map_canvas” style=”width:300px; height:400px”></div>’,
changepicturecallback: function(){ initialize(); }
});
});
</script>
</body>
</html>Hey khedrubje!
I’m not sure where you tried adding that in but you can’t just add in a full html page inside of a text element or the visual editor of WordPress.
I would suggest looking for a plugin that does what you are looking for or having it custom coded to work with WordPress as either a shortcode or small plugin just for that one effect.
Best regards,
Devin
- You must be logged in to reply to this topic.