Zoom dans une lentille "blowup.js" [Résolu]

Imprimé depuis: Forum openElement
Categorie:

openElement

Nom du Forum: Discussion générale openElement
Description du Forum: Discussion générale sur le logiciel
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=22470
Date: 19 Avr 2024 à 12:25
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com

Sujet: Zoom dans une lentille "blowup.js" [Résolu]

Posté par: Hobby001
Sujet: Zoom dans une lentille "blowup.js" [Résolu]
Posté le: 10 Jan 2017 à 04:22

Bonjour,

Suite à une discussion passée sur ce forum, je me suis penché sur blowup.js

code html en header

<script type="text/javascript" src="../Files/Other/blowup.js"></script>

Si je l'utilise avec une image en code html dans un panneau d'éléments avec hauteur et largeur auto j'obtiens le résultat escompté.

code html en bloc de code visuel

<img src="/Files/Image/DSC04285.JPG" alt="Jardins" style="width:922px;height:691px;" class="zoom">

code js en endbody

$(function(){
$('.zoom').blowup();
});

http://www.essais.denlaf.com/Pages/blowupHTML.htm" rel="nofollow - Demo

Si je l'utilise avec un élément image de OE et la classe perso zoom j'obtiens une lentille mais pas de zoom, juste une distorsion.

code js en endbody

$(function(){
$('.zoom img').blowup();
});

http://www.essais.denlaf.com/Pages/blowupOE1.htm" rel="nofollow - Demo

Une idée de ce qui cloche?

Merci

-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE

Réponses:

Posté par: Dmit OE
Posté le: 10 Jan 2017 à 10:38

Bonjour,

Avez-vous essaye des modifications proposes sur le forum anglais a ce propos?

Posté par: Hobby001
Posté le: 10 Jan 2017 à 11:16

Non mais je vais aller voir, merci

-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE

Posté par: Dmit OE
Posté le: 10 Jan 2017 à 11:18

Normalement l'auteur a ete sense corriger cela apres mon signalement, mais il s'est peut-etre trompe ou n'a pas publie...

Posté par: Hobby001
Posté le: 10 Jan 2017 à 11:30

Dmit OE a écrit:

Then, in OE, in the Properties of the image, disable "Auto optimisation", and make sure you reduce your image element compared to the original image size (otherwise there will be no zoom effect - the script uses original image to show in the magnifying glass).
I tested and it works well after these edits. The only problem that may emerge online is when the image is not loaded fast enough, which may break the calculations. If this happens, replace my previous code

$(function(){
$('.zoom img').blowup();
});

with

$(window).load(function(){
$('.zoom img').blowup();
});

L'auteur a en effet corrigé ces lignes. Comment a été traduit "Auto optimisation" dans OE?

-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE

Posté par: Dmit OE
Posté le: 10 Jan 2017 à 13:20

Je pense "Optimisation auto". C'est la propriete qui desactive reechantillonage des images quand on reduit leur taille par rapport a l'original.

Posté par: Hobby001
Posté le: 10 Jan 2017 à 13:26

Merci, ça roule bien maintenant. Je crois que je vais en faire un petit tuto s'il y a intérêt.

-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE

Posté par: brolysan
Posté le: 10 Jan 2017 à 13:38

bonne idée Clap

-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie