2016-09-10 3 views
1

ich eine Imagemap bin mit Gesichtern in einem Gruppenfoto mit dem Titel Attribut zu identifizieren: etcHerstellung Imagemap editierbare

Kann ich die coords und Titeldaten in einer Datenbank und rekonstruieren die Image-Map? Ich habe versucht (und nicht) mit diesem Code:

<p><img src="1963.jpg" width="5344" height="1152" border="0" usemap="#Map"> 
    <map name="Map"> 
<?php 
$con=mysqli_connect($host,$user,$passwd,$dbase);  

$query = mysqli_query($con, "SELECT * FROM `t1963`"); 
    $numrows = mysqli_num_rows($query); 

    if ($numrows>0){ 
     while ($rows=mysqli_fetch_assoc($query)){ 
      $id=$rows['id']; 
      $coords=$rows['coords']; 
      $title=$rows['title']; 
      $chr=chr(034); 
    $immap = "<area shape=".$chr."circle".$chr." coords=".$coords." href=".$chr."#".$chr." title=".$id." - ".$title.">"; 
    echo "$immap"; 
    echo "<br>"; 
    } 
    } 
    mysqli_close($con); 
?> 

    </map> 
</p> 
+0

Beitrag, den Quellcode interpretiert. Und auch das '
' sollte kein Nachkomme von '' –

Antwort

0

Auf den ersten Blick (und ohne die interpretierten Quelle zu sehen) das größte Problem ist, dass einige Ihrer Nähe Attributwerte werden nicht angegeben. Ihre interpretierte Quelle würde keine Anführungszeichen um coords oder title Attribute für jede area haben. Sie können auch vereinfachen, wie Sie Ihre $immap Variable konstruieren. Siehe Beispiel:

Wechsel:

$immap = "<area shape=".$chr."circle".$chr." coords=".$coords." href=".$chr."#".$chr." title=".$id." - ".$title.">"; 

zu:

$immap = "<area shape='circle' coords='$coords' href='#' title='$id - $title'>"; 

Auch die <br> entfernen. Es sollte kein Nachkomme von <map> sein. Wenn Sie nur jeden <area> auf eine neue Zeile in der Quelle zu setzen suchen, dann \n verwenden:

$echo $immap\n; 
+0

sein Es funktionierte !!! Danke benötigt tho ': echo $ immap; Echo "\ n"; – durnf

+0

Es wird in einem iframe angezeigt: Siehe http://www.dunststabeschool.co.uk/photos/panoramas/1963/1963frame.htm Es zeigt immer Foto von oben links. Kann es so gemacht werden, dass es in der Mitte unten ist? – durnf

+0

sollte es möglich sein, es mit CSS wie gewünscht zu positionieren. –