[FRAGE] lupe

[jhaustein]

hallo gemeinschaft

kennt ihr vielleicht ein lupenfunktion script, welches mit einem bild klar kommt - habe bisher nur scripte gefundn, bei denen man ein kleines und ein grosses bild benötigt

lg

 

[andreax]

So eine richtige Lupenfunktion dürfte echt schwierig sein weil du ja nur die Pixel hast die gegeben sind.daher müsste man Pixel hinzufügen .
Aber wenn du nur ein Bild verwenden willst kannst du ein großes Bild nehmen und mit CSS3 transform: scale(Xwert,Ywert) bei bedarf scalieren.

 

[jhaustein]

kannst du mir da vielleicht ein script zeigen, welches so etwas macht

 

[andreax]

Oder du verwendest Vectorgrafiken die eignen sich leider eher nur für einfache Formen und schriften

Leider hab ich selbst kein solches Script parat.

 

[jhaustein]

so sieht mein script aus mit mehreren versuchen

leider wird das sch... bild nicht größer

												<?php $fotos = simplexml_load_file("httpbildherkunft="
												.$_GET["routeid"]."&partnerID=xxx");
												$pic=$fotos->Picture;
												$picnr=1;
												foreach ($fotos as $pics) {
												?>							
										  <div  style=" width:400px display:<?php if($picnr>=9) echo "none;"; else echo "inline;width:400px"; ?>" 
                                                    img{width:400px} class="example-image-link" data-picnr="<?php echo $picnr; ?>">
													<a style="width:400" class="example-image-link" href="<?php echo $pics->URL; ?>"   class="example-image-link" data-lightbox="example-set" title="
													<?php echo $pics->title; ?>" style="width:400" ></a>
                                                   	</div>
												<?php $picnr++; } ?>
											</div>

 

[jeko]

sowas http://www.elevateweb.co.uk/image-zoom/examples?

 

[kkapsner]

Hier mal meine Realisierung davon: spyglass

 

[andreax]

Hier mein Versuch unter Lupe fiddel

 

[mikdoe]

Hier mein Versuch unter Lupe fiddel

wo muss ich klicken, um das in action zu sehen?

 

[andreax]

na bei Lupe dann öffnet hoffendlich das fiddel dauert ein bisserl weil das bild is im data-url Format
dann das weisse Quatrat verschieben.
hm das fiddel liegt im public dashbord
wenn's nicht geht bitte melden hier der direkte Link

 

[mikdoe]

wenn's nicht geht bitte melden hier der direkte Link

ja das meinte ich, danke.
also mit touch tablet kann man dort nichts machen man sieht nur ein kleines weisses quadrat auf dem bild. das wars.

 

[andreax]

echt jammer schade ; ) hab zwar das Fiddle mit Touch Events ergänzt.Aber das scheint nichts zu nützen sry.
dabei habe ich nun eine neue Version mit einer Canvas Lupe die die Ausschnitte vom cursor crapt und auf die Lupe kopiert .

 

[kkapsner]

mit touch tablet

Ich hab' meines damit gar nicht getestet - geht das?

 

[mikdoe]

Ich hab' meines damit gar nicht getestet - geht das?

hab jetzt nochmal geschaut und die situation ist unverändert oder ich mache was falsch.

@andreax: hast du das fiddle geändert? dann poste bitte mal den neuen link.

Nachtrag: in der https://jsfiddle.net/andrax/wvf7vg2a/4/ kann ich das rechteck ein kleines stück nach rechts schieben und der ausschnitt darunter ändert sich dann auch. danach geht aber wieder nichts mehr. konsole = leer.

 

[kkapsner]

Ich meinte nicht das fiddle, sondern mein spyglass.

 

[mikdoe]

Ich meinte nicht das fiddle, sondern mein spyglass.

ja deins geht.

 

[kkapsner]

Danke.

 

[andreax]

ja deins geht.

@kkapsner darf ich mich ein bissel in deinem Script umsehen? : )
Touche-Events haben bei meinem nur wie ein Klick funktioniert.

 

[kkapsner]

Klar.

 

[mikdoe]

Danke.

büdde