Hallo zusammen,
ich versuche derzeit eine Lightbox innerhalb einer Sprechblase zu öffen.
Hintergrund:
Daten werden aus dem Katalog eingespielt - das funktioniert jetzt auch.
Bei teilweise mehr als 500 zu ladenden Datensätzen (mit Bildern etc) stellt sich allerdings das Problem der Ladezeit.
Meine Idee: Lediglich Überschrift und Teaser der Datensätze in die Maps laden und die volle Info dann als externe Seite in einer Lightbox laden.
Es stellt sich allerdings das Problem, dass die Lightbox aus der Infoblase heraus nicht geladen wird.

Zunächst mein komplettes Script:
Code:
<script type="text/javascript"> 
//<![CDATA[

<?php if (count($this->entries)): ?>
    <?php $i = 0; ?>
    function gmap1_dynmap(gmap1) {
        <?php foreach ($this->entries as $entry): ?>
    var premicon_<?php echo $i; ?> = new google.maps.MarkerImage(
      '<?php echo $entry['data']['icon']['raw']; ?>',
    new google.maps.Size(36, 36),
    new google.maps.Point(0,0),
    new google.maps.Point(12,15)
    ); 
        var myLatlng_<?php echo $i; ?> = new google.maps.LatLng(<?php echo $entry['data']['googlemap']['value']; ?>);
        var gmap1_<?php echo $i; ?>_marker = new google.maps.Marker({
        position: new google.maps.LatLng(<?php echo $entry['data']['googlemap']['value']; ?>), 
        map: gmap1,
                icon: premicon_<?php echo $i; ?>
        });
    var gmap1_<?php echo $i; ?>_infowindow = new google.maps.InfoWindow({
          content: '<?php echo $entry['data']['name']['value']; ?><div class="item"><?php echo $entry['data']['name']['value']; ?></br><?php echo $entry['data']['description']['value']; ?><?php echo $entry['data']['picture']['value']; ?></br><?php echo $entry['data']['int_link']['value']; ?></div>',
        });
                
  
    google.maps.event.addListener(gmap1_<?php echo $i; ?>_marker, 'click', function() {
        gmap1_<?php echo $i; ?>_infowindow.open(gmap1,gmap1_<?php echo $i; ?>_marker); });
        
          
       <?php $i++; ?>
        <?php endforeach; ?> 
        }
<?php endif; ?>

//]]>
</script>
Hier sollte dann die Lightbox rein:
Code:
var gmap1_<?php echo $i; ?>_infowindow = new google.maps.InfoWindow({
          content: '<?php echo $entry['data']['name']['value'];  ?><div class="item"><?php echo  $entry['data']['name']['value']; ?></br><?php echo  $entry['data']['description']['value']; ?><?php echo  $entry['data']['picture']['value']; ?></br><?php echo  $entry['data']['int_link']['value']; ?></div>',
        })
was dann in etwa so ausschauen sollte:
Code:
var gmap1_<?php echo $i; ?>_infowindow = new google.maps.InfoWindow({
          content: '<?php echo $entry['data']['name']['value'];  ?><div class="item"></br><?php echo  $entry['data']['description']['value']; ?></br>
          <a href="/detailseite.html" rel="lightbox">Mehr Infos anzeigen</a></div>',
        })
Hat da jemand eine Idee?