Sie sind nicht angemeldet.

1

Mittwoch, 16. Januar 2013, 18:02

Detailbilder Funktion nicht mit iPad oder iPhone kompatibel (KRPano)

Hallo Freunde,

ich habe ein Detailbild Funktion um einen Bereich im Panorama, den ich als Foto aufgenommen habe, vergrößert darzustellen. Dazu habe ich einen Hotspot, wenn ich auf den klicke öffnet er das Bild (durch ein Plugin) und durch ein erneutes schließen verschwindet das Bild wieder (durch eine Aktion). Das ganze ist verknüpft miteinander und funktioniert auf dem Rechner (auch Mac) wunderbar. Flüssig und co. Nur auf dem iPhone und iPad funktioniert das gar nicht. Komplett nicht. Ich bin schon seit Stunden am suchen und zu ersetzen und es will einfach nicht funktionieren. Hat jemand eine Idee?

Nachfolgend der Code:

Zitat


url="detailbilder/vorlage.png"
alturl="detailbilder/vorlage.png"
keep="false"
devices="all"
visible="true"
enabled="true"
handcursor="true"
maskchildren="false"
zorder=""
style=""
ath="232.5" atv="20.1"
edge="center"
zoom="false"
distorted="false" rx="0.0" ry="0.0" rz="0.0"
width="85" height="85"
scale="2.14"
rotate="0.0"
alpha="1.0"
onover=""
onhover="showtext(Detailbild);"
onout=""
onclick="closeallobjects();set(plugin[_detail-chips].visible,true);tween(plugin[_detail-chips].alpha, 1);"
ondown=""
onup=""
onloaded=""
/>
visible="false"
url="detailbilder/05.jpg"
align="center"
alpha="1.0"
onhover="showtext(Bild schliessen);"
onclick="close_detail-chips();"
height="85%" width="prop"
/>

if(plugin[_detail-chips].visible,
tween(plugin[_detail-chips].alpha, 0);
delayedcall(0.5,set(plugin[_detail-chips].visible,false));
);


Falls ich etwas unverständlich geschrieben habe, sagt es bitte!


Würde mich echt über ein Ergebnis freuen! Vielen Dank schonmal für eure Antworten!

grüße
real-napster

2

Mittwoch, 16. Januar 2013, 18:12

So mal ganz auf die Schnelle: onhover ist in HTML5 nicht supported.
Das wird hier nicht unbedingt das Problem sein.

Poste mal bitte den gesamten Quelltext, auch mit den Aktionen

Grüße
Karsten

3

Mittwoch, 16. Januar 2013, 18:19

Hier die Aktionen und Plugins

Zitat


<plugin name="_detail-tischpepper"
visible="false"
url="detailbilder/04.jpg"
align="center"
alpha="1.0"
onhover="showtext(Bild schliessen);"
onclick="close_detail-tischpepper();"
height="85%" width="prop"
/>
<action name="close_detail-tischpepper">
if(plugin[_detail-tischpepper].visible,
tween(plugin[_detail-tischpepper].alpha, 0);
delayedcall(0.5,set(plugin[_detail-tischpepper].visible,false));
);
</action>
Das witzige ist, hiermit funktioniert es (Polygon anstatt Bild)

Zitat


<hotspot name="info-steine2" devices="all"
keep="false"
visible="true" enabled="true" usecontentsize="false" handcursor="true" capture="true" children="true" maskchildren="false"
zorder="0"
fillcolor ="0xffffff" fillalpha ="0.00" borderwidth ="4.0" bordercolor ="0xffffff" borderalpha ="0.00"
fillcolorhover="0xffffff" fillalphahover="0.00" borderwidthhover="4.0" bordercolorhover="0xffffff" borderalphahover="0.00"
fadeintime="0.150" fadeouttime="0.300" fadeincurve="1.100" fadeoutcurve="0.700"
onover=""
onhover="showtext(Detailbild)"
onout=""
ondown=""
onup=""
onclick="closeallobjects();set(plugin[_detail-steine2].visible,true);tween(plugin[_detail-steine2].alpha, 1);"
>
<point ath="-24.6" atv="7.4" />
<point ath="-24.4" atv="8.2" />
<point ath="-24.8" atv="8.9" />
<point ath="-25.8" atv="8.9" />
<point ath="-26.1" atv="8.5" />
<point ath="-26.1" atv="7.9" />
<point ath="-26.1" atv="7.6" />
<point ath="-26.0" atv="7.4" />
</hotspot>
<plugin name="_detail-steine2"
visible="false"
url="detailbilder/_MG_8946.jpg"
align="center"
alpha="0"
onhover="showtext(Bild schliessen)"
onclick="close_detail-steine2();"
height="85%" width="prop"
/>
<action name="close_detail-steine2">
if(plugin[_detail-steine2].visible,
tween(plugin[_detail-steine2].alpha, 0);
delayedcall(0.5,set(plugin[_detail-steine2].visible,false));
);
</action>

4

Mittwoch, 16. Januar 2013, 18:21

onhover ist nicht der Fehler! Ich habe gemerkt, dass der Effekt fehlt, jedoch funktioniert das Pano ansonsten Super!

5

Mittwoch, 16. Januar 2013, 18:31

Die Frage ist nun, was geht eigentlich nicht? Wird das Plugin Bild nicht angezeigt, oder öffnet sich beim Klick das vergrößerte Foto nicht?
Du setzt beim Plugin "_detail-tischpepper" visible="false".
Wann wird es sichtbar gemacht?.

Gruß
Karsten

6

Mittwoch, 16. Januar 2013, 18:35

Das Bild wird nicht angezeigt, aber das Panorama funktioniert...

Es wird sichtbar gemacht, wenn man darauf klickt, bei onclick ist ja visible="true" drin...

Das Plugin und die Aktion mit dem visible false sind zum schließen des Fotos... Sorry für die Verwirrung!

7

Donnerstag, 17. Januar 2013, 10:30

Sorry für die Verwirrung

Ja, hilft ja nix, ich verstehe Dein Problem nun gar nicht mehr.
Versuche dieses bitte einmal richtig zu formulieren, sonst kann ich Dir nicht helfen.
Du schreibst, dass es mit Polygon anstatt Bild funktioniert, was bedeutet das? Versuchst Du nun, ein Bild als Hotspot zu nutzen anstatt eines Polygons? Funktioniert der Polygon Hotspot auf dem iOS oder auch nicht?

Gruß
Karsten

8

Donnerstag, 17. Januar 2013, 14:16

Ich versteh das auch nicht so ganz. Ein Link auf's Projekt kürzt die Zeit für das "Debugging" erheblich. ;)

9

Dienstag, 22. Januar 2013, 18:00

Also. Ich versuche es nochmal verständlich zu erklären!

Ich wollte eine Funktion, die eigentlich ein Hotspot ist, und wenn man auf den Hotspot klickt, wird eine Aktion ausgeführt. In diesem Fall öffnet sich ein Bild. Mit einem weiteren klick auf das Bild schließt es sich wieder und der User kann weiter-pano-spielen. Es gab jedoch dafür nach meiner Ansicht keine Offizielle Lösung von KRPano. Deswegen wurde folgendes gebaut:

Der Hotspot selber. Der Hotspot ist ganz normal, der Code bei "onclick" ist entscheidend. Wenn man draufklickt...

Zitat


<hotspot name="tischpepper"
url="detailbilder/vorlage.png"
alturl="detailbilder/vorlage.png"
keep="false"
devices="all"
visible="true"
enabled="true"
handcursor="true"
maskchildren="false"
zorder=""
style=""
ath="169.6" atv="19.5"
edge="center"
zoom="false"
distorted="false" rx="0.0" ry="0.0" rz="0.0"
width="85" height="85"
scale="1.38"
rotate="0.0"
alpha="1.0"
onover=""
onhover="showtext(Detailbild);"
onout=""
onclick="closeallobjects();set(plugin[_detail-tischpepper].visible,true);tween(plugin[_detail-tischpepper].alpha, 1);"
ondown=""
onup=""
onloaded=""
/>

wird das Plugin in kombination mit der Action aufgerufen! Das Plugin sorgt dafür, dass sich das Bild öffnet. Die Action schliesst es wieder!

Zitat


<plugin name="_detail-tischpepper"
visible="false"
url="detailbilder/04.jpg"
align="center"
alpha="1.0"
onhover="showtext(Bild schliessen);"
onclick="close_detail-tischpepper();"
height="85%" width="prop"
/>
<action name="close_detail-tischpepper">
if(plugin[_detail-tischpepper].visible,
tween(plugin[_detail-tischpepper].alpha, 0);
delayedcall(0.5,set(plugin[_detail-tischpepper].visible,false));
);
</action>
Die Frage: Warum funktioniert diese Geschichte nur auf PC und nicht auf keinem einzigen Smartphone/Tablet. Sind doch alles KRPano Komponenten...

grüße
real-napster

10

Dienstag, 22. Januar 2013, 18:14

Poste doch mal den entsprechenden Link. Sich das "live" anzuschauen empfinde ich immer für wesentlicher sinnvoller.

11

Dienstag, 22. Januar 2013, 18:18

Ein Beispiel was am PC geht und auf Tablet / Smartphone nicht ist:

http://www.360ig.de/food-hotel/chio/

12

Dienstag, 22. Januar 2013, 18:23

hier kommt ein parsing fehler

13

Dienstag, 22. Januar 2013, 18:37

Steht doch alles da, was wir brauchen:
$this->cacheCode('[php]','XML-Verarbeitungsfehler: nicht wohlgeformt
Adresse: http://www.360ig.de/food-hotel/chio/tour-chio1.xml
Zeile Nr. 108, Spalte 7:<!-------------------------------------------------------------- HOTSPOT-DETAILBILD -------------------------------------------------------------->
------^')
Mit der Art des Kommentars kommt der Browser nicht klar, mach es besser so:
$this->cacheCode('[php]','<!-- HOTSPOT-DETAILBILD -->')

Und noch was:
$this->cacheCode('[php]','XML-Verarbeitungsfehler: Doppeltes Attribut
Adresse: http://www.360ig.de/food-hotel/chio/tour-chio1.xml
Zeile Nr. 148, Spalte 4: zorder="10"
------------------------^')

14

Dienstag, 22. Januar 2013, 18:48

Ja das ist ja geil. Wie findet man denn diese ganzen Fehler? Wie geht das? Das würde mir auch für andere Projekte extrem helfen!

15

Dienstag, 22. Januar 2013, 19:12

Die XML-Datei einfach im Browser aufrufen.

Gruß
Karsten

16

Dienstag, 22. Januar 2013, 19:29

Klasse! Einfach genial. Dankeschön!

17

Freitag, 25. Januar 2013, 14:18

Es wäre schön wenn Du einen Link beistellst der das ganze nachvollziehbar macht. Ich wusste garnicht daß es eine Detailbilder-Funktion gibt und würde die URL gerne mal mit meinem iPad öffnen anstatt hier nur aus dem Kontext gerissene Codeschnipsel zu lesen. Würdest Du mir den Gefallen tun?

Viele Grüße,
Mark

18

Freitag, 25. Januar 2013, 15:12

@Mark: Beitrag 11

19

Freitag, 25. Januar 2013, 16:03

@Mark Simons: Es gibt keine Offizielle Detailbild Funktion von KRPano. Das Ding wurde zusammengeschustert und Copy-Paste alles zusammengemixt.

20

Freitag, 25. Januar 2013, 21:09

Danke ;-)