Cookies acceptés.
bouton pour découvrir notre choix
bouton de redirection: haut
bouton de redirection: home
bouton de redirection: bas
bouton de redirection: explication des cookies
Création de sites web 3 D.   Webmaster, webdesign - Conseil.

Votre site web 3D, ... pour une autonomie.

Un espace francophone artisanal et pédagogique.
Logo de LigneWeb

la communication web
... JavaScript indispensable ... code utf-8 ... -  © design : LigneWeb

- Site expérimental en XHTML 1.0 et CSS 2.0 avec CSS 3.0 -


 •   Plan du site 
Avec des cours et des conseils.
  Notre Blog :  La ligne papyrus 
 Menu jQuery  - Cours 1  -  Cours 2 
 Menu cours 2 jQuery  - scriptn   - slideshow  - avec effet 3D.images 



Cours 2 jQuery : avec LigneWeb -
introduction.



 © LigneWeb  ... /introduction au 3 D en jQuery.
© design : LigneWeb
© : alain jean deligne - LigneWeb




Introduction au jQuery.

Suivez-nous.








Remarque : ... en CSS2 et CSS3 ... :

pour cette page et non visible ... :
le fichier ...  ligne21.css  ... qui mélange du CSS 2 avec du CSS 3 ...
... et ceci grâce aux sélecteurs spécifiques ... expliqués au ...  Cours CSS 3 




Réalisation d'une animation en jQuery

... comme introduction à l'utilisation de jQuery pour réaliser une animation ...
... il est intéressant de se plonger immédiatement dans un exemple concret ...

Exemple de slideshow avec effet 3D :

  • image1

    ... toile d'araignée dans la rosée ...

  • image2

    ... du corail ...

  • image3

    ... nuages sur l'océan ...

  • image4

    ... rochers dans la mer ...

  • image5

    ... la mer du grand nord ...

  • image6

    ... la montagne sous la neige ...



Bizarre ... il fonctionnait correctement (!?) ... mais fonctionne toujours sur les navigateurs ...
... Firefox, Opera, Vivaldi, SeaMonkey et Yandex ...
... actuellement, il fonctionne avec le fichier directement sur le navigateur ...
... sur le site, si on clique sur une flèche, il fonctionne à moitié et décalé ... Pourquoi ? ... en réparation ...
... en fermant puis en relançant le navigateur en étant sur cette page, il place correctement ce 3 D, ...
... il fonctionne correctement ... !!

Les codes css :

Custom.css
En le réactualisant pour les derniers navigateurs essentiels :
Ce qui est expliqué au cours  d'introduction du CSS 3 .

slicebox.css

Les codes jQuery :

jquery.slidebox.js

modernizr.custom.46884.js

... le dernier script à placer est : jquery-1.10.2.min.js ... une des bibliothèque jQuery ...

Le fichier html minimum :

fichier en html 5 avec le script dans le body :

... design 3 D ...

...  fenêtre sur l'univers  ...             © design : LigneWeb - © Apple





 Menu jQuery  - Cours 1  -  Cours 2 
  Essentiel :   - Accueil  - Offres  - Site photo  - Projet  - Historique  - Historique RSS  - Réalisations  - Création 
- Cours XHTML  - Cours CSS 2  - Création site  - Cours HTML 5  - Cours CSS 3  - Cours jQuery 
- Programmes JS  - Liens - © - cookies  - Contact  - Plan du site 

Chaque enfant compte. Plan Belgique     Valid XHTML 1.0 Transitional     [Valid RSS]     CSS Valide !     Le logo de LigneWeb

... tout ne respecte pas le W3C ... site d'expérimentation ...

le titre du site web
©  Copyright :  "LigneWeb" (2008-2017) Tous droits réservés.  Légal  Design, Artisan web: mathalan 
 LigneWeb :   BE 0843 356 602. (2012-2017)   Conditions d'utilisation  Création: masterligne  • Qui sommes nous? 

Réinstaller le Bien en soi ... pour réinstaller le Bien sur terre ... et changer le monde.
© LigneWeb  Utilisation de cookies