Bild ins Listing

[+bebilix]

Hallo zusammen,

 

heute brauche ich mal eure Hilfe. Wir möchten in ein Cachelisting ein Bild einbinden. Das ist ja soweit kein Problem. Und so, wie das Bild im Listing angezeigt wird, ist es auch okay. Aber zum Rätseln wäre es doch gut, wenn man es auch noch "in groß" öffnen könnte, um die Einzelheiten besser zu erkennen. Wir probieren nun schon eine ganze Weile rum, aber ein großes Bild (oder einen Link dazu) haben wir noch nicht hinbekommen.

 

Für eure Hilfe wäre ich wirklich dankbar.

 

Viele ratlose Grüße

bebilix

[+fantasy2004]

Hallo zusammen,

 

heute brauche ich mal eure Hilfe. Wir möchten in ein Cachelisting ein Bild einbinden. Das ist ja soweit kein Problem. Und so, wie das Bild im Listing angezeigt wird, ist es auch okay. Aber zum Rätseln wäre es doch gut, wenn man es auch noch "in groß" öffnen könnte, um die Einzelheiten besser zu erkennen. Wir probieren nun schon eine ganze Weile rum, aber ein großes Bild (oder einen Link dazu) haben wir noch nicht hinbekommen.

 

Für eure Hilfe wäre ich wirklich dankbar.

 

Viele ratlose Grüße

bebilix

 

Hallo,

 

hier ein Beispiel bei einen meiner Rätsel: http://coord.info/GC3TGZC und eine Codesnipe dazu.

 

<div style="border-style:dotted;border-width:thin;margin:0pt 5px 8pt 1px;padding:1px;float:left;">
<a href="http://www.geofreunde.de/download/geocaching/stein_der_weisen/stein.jpg">
<img alt="Klick zum Vergrößern"
title="Klick zum Vergrößern"
src="http://img.geocaching.com/cache/thumb/511fceb0-1a15-423a-b881-a90adf79d3a2.jpg"
style="border:0px solid ;margin:5px;width:100px;height:75px;float:left;">
</a>
<p style="font-size:8pt;color:blue;margin-top:0pt;margin-bottom:2px;margin-left:5px;">Panoramabild</p>
</div>

 

stein.jpg ist das große Bild, liegt in meinem Fall auf meinem Wegspace, kann natürlich auch auf GC abgelegt werden.

 

Weitere Infos dazu: http://projekt.geofreunde.de/index.php?title=Upload_von_Grafiken_auf_GC

 

Ich lade meist ein großes Bild herauf, verwende im Link /thumb für das kleine Bild im Listing und bei Klick auf das Bildchen,

verwende ich dann im Austausch /large

 

Ist deine verwendete Grafik in der Breite Größer als 670px wird automatisch das Bild auf 670px verkleinert dargestellt und mit einer

kleinen Lupe versehen. Klickt man dann darauf wird das Bild in Originalgröße (auch dort gibt es eine Grenze) angezeigt.

 

Viele Grüße Fantasy2004

Edited October 4, 2012 by fantasy2004

[+bebilix]

 

....

Ist deine verwendete Grafik in der Breite Größer als 670px wird automatisch das Bild auf 670px verkleinert dargestellt und mit einer

kleinen Lupe versehen. Klickt man dann darauf wird das Bild in Originalgröße (auch dort gibt es eine Grenze) angezeigt.

 

Viele Grüße Fantasy2004

 

Hallo Fantasy2004,

vielen Dank für deine Antwort, die Beschreibungen und den Link. Hat uns leider noch nicht weitergeholfen, irgendetwas machen wir falsch. Eine Lupe bekommen wir nicht.

Wir haben uns jetzt entschieden, dass wir die Bilder, die man für das Rätsel braucht, nochmal einzeln hochladen (im Listing selber ist ein großes, zusammengesetztes Bild). Die sind dann nur anklickbar wie z.B. Spoilerbilder. Ist für den Rätsler natürlich etwas aufwändiger, dafür aber umso besser zu erkennen.

 

Trotzdem danke

bebilix

[+fantasy2004]

 

....

Ist deine verwendete Grafik in der Breite Größer als 670px wird automatisch das Bild auf 670px verkleinert dargestellt und mit einer

kleinen Lupe versehen. Klickt man dann darauf wird das Bild in Originalgröße (auch dort gibt es eine Grenze) angezeigt.

 

Viele Grüße Fantasy2004

 

Hallo Fantasy2004,

vielen Dank für deine Antwort, die Beschreibungen und den Link. Hat uns leider noch nicht weitergeholfen, irgendetwas machen wir falsch. Eine Lupe bekommen wir nicht.

Wir haben uns jetzt entschieden, dass wir die Bilder, die man für das Rätsel braucht, nochmal einzeln hochladen (im Listing selber ist ein großes, zusammengesetztes Bild). Die sind dann nur anklickbar wie z.B. Spoilerbilder. Ist für den Rätsler natürlich etwas aufwändiger, dafür aber umso besser zu erkennen.

 

Trotzdem danke

bebilix

 

Hey,

 

die Lupe wird von GC erzeugt, wenn ein Bild die 670px überschreitet. Wenn ich das nun richtig verstanden habe, hast du ein Bild und wenn auf einen speziellen Bereich des Bildes geklickt wird, soll ein anderes Bild angezeigt werden?

 

http://projekt.geofreunde.de/index.php?title=HTML-Kodebeispiele#HTML-Tag_.22map.22

 

Notfalls schickt mir den Quelltext.

 

Lg Fantasy2004

Edited October 8, 2012 by fantasy2004

[+fantasy2004]

Doppelpost gelöscht.

Edited October 8, 2012 by fantasy2004

[+fantasy2004]

 

....

Ist deine verwendete Grafik in der Breite Größer als 670px wird automatisch das Bild auf 670px verkleinert dargestellt und mit einer

kleinen Lupe versehen. Klickt man dann darauf wird das Bild in Originalgröße (auch dort gibt es eine Grenze) angezeigt.

 

Viele Grüße Fantasy2004

 

Hallo Fantasy2004,

vielen Dank für deine Antwort, die Beschreibungen und den Link. Hat uns leider noch nicht weitergeholfen, irgendetwas machen wir falsch. Eine Lupe bekommen wir nicht.

Wir haben uns jetzt entschieden, dass wir die Bilder, die man für das Rätsel braucht, nochmal einzeln hochladen (im Listing selber ist ein großes, zusammengesetztes Bild). Die sind dann nur anklickbar wie z.B. Spoilerbilder. Ist für den Rätsler natürlich etwas aufwändiger, dafür aber umso besser zu erkennen.

 

Trotzdem danke

bebilix

 

Hey,

 

die Lupe wird von GC erzeugt, wenn ein Bild die 670px überschreitet. Wenn ich das nun richtig verstanden habe, hast du ein Bild und wenn auf einen speziellen Bereich des Bildes geklickt wird, soll ein anderes Bild angezeigt werden?

 

http://projekt.geofreunde.de/index.php?title=HTML-Kodebeispiele#HTML-Tag_.22map.22

 

Notfalls schickt mir den Quelltext.

 

Lg Fantasy2004

 

Hallo,

 

ich möchte den Quelltext hier nicht vorenthalten. Die Grafik hat eine Größe von 640x122px. Sie wurde per Imagemap in 14 rechteckige "Hotspots" aufgeteilt. Beim Klick auf einen heissen Bereich wird die entsprechende Grafik, in diesem Fall, in einem neuen Fenster angezeigt. Die Nummerierung erfolgte von links oben in Leserichtung nach rechts unten.

 

<img style="width: 640px; height: 122px;" src="http://img.geocaching.com/cache/large/grafik.jpg" usemap="#auto">
<map name="auto">
<area shape="rect" coords="3,2,93,61" alt="Auto1" href="http://1.jpg" target="_blank">
<area shape="rect" coords="94,2,183,61" alt="Auto2" href="http://2.jpg" target="_blank">
<area shape="rect" coords="184,2,274,61" alt="Auto3" href="http://3.jpg" target="_blank">
<area shape="rect" coords="276,2,364,61" alt="Auto4" href="http://4.jpg" target="_blank">
<area shape="rect" coords="365,1,456,61" alt="Auto5" href="http://5.jpg" target="_blank">
<area shape="rect" coords="457,0,544,61" alt="Auto6" href="http://6.jpg" target="_blank">
<area shape="rect" coords="546,0,636,61" alt="Auto7" href="http://7.jpg" target="_blank">
<area shape="rect" coords="3,62,93,116" alt="Auto8" href="http://8.jpg" target="_blank">
<area shape="rect" coords="94,62,183,115" alt="Auto9" href="http://9.jpg" target="_blank">
<area shape="rect" coords="184,62,274,115" alt="Auto10" href="http://10.jpg" target="_blank">
<area shape="rect" coords="275,62,365,115" alt="Auto11" href="http://11.jpg" target="_blank">
<area shape="rect" coords="366,62,456,116" alt="Auto12" href="http://12.jpg" target="_blank">
<area shape="rect" coords="456,62,545,117" alt="Auto13" href="http://13.jpg" target="_blank">
<area shape="rect" coords="546,62,635,117" alt="Auto14" href="http://14.jpg" target="_blank">
</map>

 

Die einzelenen http://x.jpg müssen natürlich mit dem entsprechenden Link zur Grafik ausgetauscht werden. Intern mit auf GC hochgeladenen Grafiken oder von externen Seiten.

 

Gruß Fantasy2004

Edited October 8, 2012 by fantasy2004

[+bebilix]

Hallo Fantasy2004,

ersteinmal vielen, vielen Dank für deine Mühe. Jetzt basteln wir uns einen passenden Text, machen die Dose fertig und dann werden wir sehen, ob wir mit deinem neuen Quelltext klarkommen.

 

Viele Grüße

bebilix

[+bebilix]

Hallo Fantasy2004,

 

wir sind zwar mit deiner Hilfe immer noch nicht ganz klar gekommen, aber nun ist der Cache online und ich denke, das passt auch so. Jetzt ist auch die Lupe vorhanden, die wir vorher nicht hatten und wenn man draufklickt, wird das Bild etwas größer angezeigt. Zusätzlich haben wir die einzelnen Bilder noch unterhalb des Listings eingestellt. Das Rätsel wird gelöst, also ist wohl alles zu erkennen.

 

Trotzdem nochmal vielen lieben Dank!

 

Grüße, bebilix

[+fantasy2004]

Hallo Fantasy2004,

 

wir sind zwar mit deiner Hilfe immer noch nicht ganz klar gekommen, aber nun ist der Cache online und ich denke, das passt auch so. Jetzt ist auch die Lupe vorhanden, die wir vorher nicht hatten und wenn man draufklickt, wird das Bild etwas größer angezeigt. Zusätzlich haben wir die einzelnen Bilder noch unterhalb des Listings eingestellt. Das Rätsel wird gelöst, also ist wohl alles zu erkennen.

 

Trotzdem nochmal vielen lieben Dank!

 

Grüße, bebilix

 

Hallo,

 

ja gerade angeschaut. Kann auch nicht funktionieren . Das Hauptbild muss beim Heraufladen schon 640x122px haben. Daran orientiert sich die Imagemap. Deine Bild ist größer als 670px und dann wird sie Lupe angezeigt. Dann müssten die Dateipfade von den Bildern, die du bereits heraufgeladen hast, ergänzt werden. (href="http://1.jpg")...

 

Aufgeben gilt nicht

 

Viele Grüße Fantasy2004