<!-- WP region PAGE DATA FOR JS PROCESSING -->
<?php
- $pages = ['southeast','upper-peninsula','west','southwest','east','regions'];
+ $pages = ['southeast','upper-peninsula','west','southwest','east','destinations'];
foreach($pages as $page){
$args = array(
'name' => $page,
<ul id="interactive-map">
<li class="drop-centered menu-item menu-item-object-page menu-item-has-children has-dropdown not-click">
- <a href="<?php echo get_permalink(76); ?>">Destinations</a>
+ <a href="<?php echo get_permalink(705); ?>">Destinations</a>
<ul class="dropdown map-dropdown">
<div class="row collapse">
<div id="map">
<div id="mapRegionData">
<div class="region-info-wrapper">
- <div class="region-img" style="background-image: url(<?php echo $regions['regions']['image']; ?>);"></div>
- <h2 class="region-title"> <?php echo $regions['regions']['title']; ?> </h2>
- <div class="region-content"><?php echo $regions['regions']['content']; ?> </div>
+ <div class="region-img" style="background-image: url(<?php echo $regions['destinations']['image']; ?>);"></div>
+ <h2 class="region-title"> <?php echo $regions['destinations']['title']; ?> </h2>
+ <div class="region-content"><?php echo $regions['destinations']['content']; ?> </div>
</div>
<!-- <div class="region-info-button">
<a class="region-link" href="">Find out more...</a>
$(this).css("fill", blue);
}
);
-console.log(regions);
+ console.log(regions);
region.hover(function(){
//console.log($(this).data('region'));
console.log($(this).attr("id"));