jquery Polaroid viewer

J'espère obtenir un peu d'aide. Je suis un designer par nature, donc la programmation n'est pas ma suite forte. Avec cela, j'utilise ce plugin jquery pour ajouter des éléments dynamiques à mon site.jquery Polaroid viewer

Un lien vers la source est ici: http://www.marcofolio.net/webdesign/creating_a_polaroid_photo_viewer_with_css3_and_jquery.html

Ma question. Je voudrais que les images restent dans un div et non « flotter sur toute la page Après avoir joué avec le css, je suppose ceci est accompli en ajoutant du code dans le fichier script.js. Que dois-je ajouter à contenir les polaroids à un div?

Merci.

Source

2009-08-09 rockeypjb

Clarification question - voulez-vous que les images aient le même comportement, seulement limité à une zone de la page, au lieu de toute la page entière? –

oui, ce qu'il veut dire c'est exactement ça. avoir le comportement du glisser/déposer et tourner et tout, mais à l'intérieur d'un conteneur au lieu de la pleine page. – Sander

Oui, Sander, c'est parfait. – rockeypjb

J'ai pu demander au développeur de ce tutoriel s'il est possible de contenir les polaroids. Il a écrit un nouveau post sur son blog comment accomplir cette tâche. http://www.marcofolio.net/webdesign/the_polaroid_photo_viewer_non-full_screen.html. Marco, merci pour votre aide. Ton travail est génial.

Source

2009-08-13 14:46:51 rockeypjb

Je pense que je comprends votre question. Faire ce changement dans la source index.html du fichier et voir si c'est ce que vous cherchez

<div id="wrapper" style="overflow:hidden;height:500px;width:800px;"> 
... image divs 
</div>

Source

2009-08-10 03:48:53

Malheureusement, cela n'a pas fonctionné. J'avais essayé ces mêmes attributs avant de soumettre ma question, c'est pourquoi je pense qu'il s'agit plus d'une modification du fichier script.js. Avec mes connaissances limitées, je pourrais certainement me tromper. Cependant, plus d'aide serait grandement appréciée. Merci! – rockeypjb

ah, ma réponse ci-dessus fonctionne dans Google Chrome. Dans IE8, ouvrez Developer Tools et changez le mode Document en mode Quirks et cela fonctionnera. J'ai essayé d'ajouter un commentaire avant le doctype et de changer le doctype pour forcer le mode quirks pour FF, mais je n'ai pas réussi à le faire fonctionner. Cela peut avoir quelque chose à voir avec les styles -moz et -webkit. –

J'utilise un mac fonctionnant sous OSX, donc mes navigateurs sont constitués de Safari et de Firefox. Pour ne pas être difficile, mais si je vais utiliser cette visionneuse polaroid impressionnant, j'aurais besoin d'être compatible avec tous les navigateurs (au moins la plupart). Accordé la rotation et l'ombre portée ne fonctionnent que dans Safari et Chrome. – rockeypjb

jquery Polaroid viewer

Répondre

Questions connexes