Beiträge von DanDangerous

Mh...

ich werde jetzt erstmal die fehler ausbügeln und dann schauen was sich verändert...danke erstmal

Hi,

ja das ist richtig. Mit contain werden auch Querformat Bilder abgeschnitten.

<script>
                            $('img[data-enlargable]').addClass('img-enlargable').click(function () {
                                   var src = $(this).attr('src');
                                   $('<div>').css({
                                          background: 'RGBA(255,255,255,255) url(' + src + ') no-repeat center',
                                          backgroundSize: 'inherit',
                                          width: '100%', height: '100%',
                                          position: 'fixed',
                                          zIndex: '1000',
                                          top: '0', left: '0',
                                          cursor: 'zoom-out'
                                   }).click(function () {
                                          $(this).remove();
                                   }).appendTo('body');
                            });
                     </script>

Ich verwende diesen code...

wow...das sind viele Fehler...

Hallo,

ich habe dieses script:

<script>
                            $('img[data-enlargable]').addClass('img-enlargable').click(function () {
                                   var src = $(this).attr('src');
                                   $('<div>').css({
                                          background: 'RGBA(0,0,0,.5) url(' + src + ') no-repeat center',
                                          backgroundSize: 'contain',
                                          width: '100%', height: '100%',
                                          position: 'fixed',
                                          zIndex: '10000',
                                          top: '0', left: '0',
                                          cursor: 'zoom-out'
                                   }).click(function () {
                                          $(this).remove();
                                   }).appendTo('body');
                            });
                     </script>

es vergrößert die Bilder der Webseite und funktioniert sehr gut. Aber aus irgendeinem Grund werden Querformat-Bilder korrekt dargestellt (mit weissem Rand) und Hochformat-Bilder werden oben und unten am Bildschirm abgeschnitten...

Könnte mir jemand vielleicht helfen. Das wäre sehr nett. Falls das Thema hier bereits besprochen wurde schiebt mich einfach in den thread...thx im voraus

DAN

hier ist übrigens der Link zur Seite, wo man das Problem gut sehen kann.

srry

Zitat von Sempervivum

Mit Containment:

https://jsfiddle.net/Sempervivum/Ldnz5mx6/11/

Danke für Deine Inspiration:-) Das ist sehr Hilfreich.

Zitat von Sempervivum

Ich dachte, Du würdest dir so etwas vorstellen:

https://jsfiddle.net/Sempervivum/Ldnz5mx6/4/

Da muss man nur noch das containment ausrechnen, damit man das Bild nicht über die Grenzen hinaus bewegen kann.

Oh ja. das ist ziemlich nah dran. Damit werd ich es mal versuchen. Danke:-)

Das Problem ist, dass sich das Bild an die Seite, bzw den Bereich anpasst. Dadurch würde das Bild sehr klein. Ich brauche wahrscheinlich schon einen Player, mit dem ich theoretisch unendlich lange Bilder bewegen kann. Draggable ist begrentzt...

Hey, Danke für die schnelle Antwort. Das schaue ich mir mal an!

THX

das ist cool, was mir da ein bisschen fehlt ist der Rahmen. Das Fenster der Webseite würde sich ja an mein langes Bild anpassen...das wäre nicht das richtige.

Vielleicht kann ich das noch mit einem Parallax Slide verbinden...mal schauen...

Hi,

ich bin neu hier und habe folgende Frage:

Gibt es einen Player, mit dessen Hilfe ein sehr langes Bild von rechts nach links abgefahren werden kann?

Das ganze interaktiv ähnlich wie beim Panellum player. Der passt ja ganz gut, aber ich kann mich nur von einem Punkt aus im Bild drehen. Das ist aber nicht das was ich suche.

Gibt es so etwas überhaupt?

Der Hintergrund ist folgender: ich baue riesige Bilder zusammen mit einer speziellen Software. Das ist nicht neu, aber es sind keine Panoramen, die von einem Punkt aus aufgenommen wurden sondern von verschiedenen Punkten aus fotografiert wurden. Dadurch werden die Bilder sehr lang. Jetzt sollen die aber nicht gewölbt werden sondern der User soll am Bild "entlang wandern" können...interaktiv - also selbst die Richtung steuern usw...

Danke im voraus und natürlich habe ich vorher im Netz gesucht - aber die meisten player spielen nur 360° ab...ich habe aber einfach nur ein sehr langes Bild...

THX

DAN