begin process at 2012 05 29 04:52:59
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Divers

 > 

Défilement et redimensionnement de photos

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Défilement et redimensionnement de photos

mardi 17 février 2009 à 13:19:55 | Défilement et redimensionnement de photos

jems87
Bonjour,

Je commence à apprendre Java. J'ai trouvé 2 scripts qui m'intéressent : un qui fait défiler des photos avec un fondu, l'autre qui permet de redimensionner une photo.
Je souhaiterais utiliser les deux en même temps, c'est-à-dire que les photos prisent par le 1er script soient redimensionnées puis affichées en fondu. Je ne sais pas comment faire, j'ai essayé en html, mais ce n'est pas la bonne solution, je dois modifier les javascripts pour n'en faire qu'un. Pouvez vous m'aider?

voici le code du défilement :

var visuel_n=0;
function Visuel_Fondu()
{
    if(document.all)
    {
        if ( window.opera )
            document.getElementById("visuel_" + VisuelPosChange).style.opacity = visuel_n*0.01;
        else
            document.getElementById("visuel_" + VisuelPosChange).filters.alpha.opacity=visuel_n;
        visuel_n+=5;
        if ( visuel_n<= 100 )
        {
            setTimeout("Visuel_Fondu()", 100);
            return 0;
        }
    }
    else
    {
        document.getElementById("visuel_" + VisuelPosChange).style.setProperty("-moz-opacity", visuel_n, "");
        visuel_n+=0.05;
        if ( visuel_n<= 1 )
        {
            setTimeout("Visuel_Fondu()", 100);
            return 0;
        }
    }
    visuel_n=0;
    document.getElementById("visuel").style.background="url('" + VisuelTab[VisuelPosChange][0] + "') -4px 0px no-repeat";
    setTimeout("Visuel_Clear()", 100); //supprime clignotement sous FF
    //document.getElementById("visuel").innerHTML="";
    //setTimeout("Visuel_Defil()", 4000);
}
function Visuel_Clear()
{
    document.getElementById("visuel").innerHTML="";
    setTimeout("Visuel_Defil()", 4000);
}

var VisuelTab = [
    ["visuel_2.jpg",0],
    ["visuel_3.jpg",0],
    ["visuel_4.jpg",0],
    ["visuel_5.jpg",0],   
    ["visuel_1.jpg",0],
];
var VisuelPos=-1;
var VisuelPosChange;
function Visuel_Defil()
{
    VisuelPosChange=VisuelPos;   
    VisuelPos++;
    if ( VisuelTab.length <= VisuelPos )
        VisuelPos=0;
       
    if ( VisuelTab[VisuelPosChange][1] == 1 )
        document.getElementById("visuel").innerHTML+="<img src='" + VisuelTab[VisuelPosChange][0] + "' id='visuel_" + VisuelPosChange + "' style='filter:alpha(opacity=0); -moz-opacity:0; position: absolute; margin-left: -4px;' />";
    else
    {
        setTimeout("Visuel_Defil()", 10);
        return 0;
    }
    Visuel_Fondu();
}
var LoadVisuelPos=0;
LoadVisuel();
function LoadVisuel() {
    var VisuelUrl;
    if ( VisuelTab[LoadVisuelPos][1] == 0 )
        VisuelUrl=VisuelTab[LoadVisuelPos][0];
    else if ( VisuelTab[VisuelTab.length-1][1] < 1 )
    {
        LoadVisuelPos++;
        if ( VisuelTab.length <= LoadVisuelPos )
            LoadVisuelPos=0;       
        setTimeout("LoadVisuel()", 10);       
        return 0;
    }
    else
        return 0;
       
    if (window.XMLHttpRequest)
        req = new XMLHttpRequest();
    else if (window.ActiveXObject)
        req = new ActiveXObject("Microsoft.XMLHTTP");
    if (req) {
        req.onreadystatechange = function() { JsIsLoading(LoadVisuelPos); };
        req.open("GET", VisuelUrl, true);
        req.send(null);
    }
}   
function JsIsLoading(LoadVisuelPos_) {
    if (req.readyState == 4) {
        if (req.status == 200 || req.status == 304)
        {
            VisuelTab[LoadVisuelPos_][1]++;
            if ( VisuelPos==-1 )
            {
                VisuelPos=0;
                Visuel_Defil();
            }
        }
        LoadVisuelPos++;
        if ( VisuelTab.length <= LoadVisuelPos )
            LoadVisuelPos=0;
        setTimeout("LoadVisuel()", 10);
    }
}

et voici le code du redimensionnement :

function redimImage(inImg, inMW, inMH)
{
  // inImg : Chemin relatif de l'image
  // inMW  : Largeur maximale
  // inMH   : Hauteur maximale
  var maxWidth = inMW;
  var maxHeight = inMH;
  var dW = 0;
  var dH = 0;
  var oImg = new Image();
  oImg.src = inImg;
  var h = dH = oImg.height;
  var w = dW = oImg.width;
  if ((h >= maxHeight) || (w >= maxWidth)) {
    if ((h >= maxHeight) && (w >= maxWidth)) {
      if (h > w) {
        dH = maxHeight;
        dW = parseInt((w * dH) / h, 10);
      } else {
        dW = maxWidth;
        dH = parseInt((h * dW) / w, 10);
      }
    } else if ((h > maxHeight) && (w < maxWidth)) {
      dH = maxHeight;
      dW = parseInt((w * dH) / h, 10);
    } else if ((h < maxHeight) && (w > maxWidth)) {
      dW = maxWidth;
      dH = parseInt((h * dW) / w, 10);
    }
  }
  document.writeln("<img src=\"" + inImg + "\" width=\"" + dW + "\" height=\"" + dH + "\" border=\"0\">");
};

Merci


Cette discussion est classée dans : var, visuel, if, loadvisuelpos, visueltab

Répondre à ce message

Sujets en rapport avec ce message

défilement images effet fondu, ne marque que sur FIREFOX [ par fulltrip ] Bonjour,Comme il est explicité ci-dessus je n'arrive pas à faire marcher mon script JAVASCRIPT sur IE.Si quelqu'un peut voir ou se situe le problème j intérompre une fonction... [ par davidcian ] Bonjour,Je cherche a stopper le déroulement d'une fonction lors d'une condition, j'ai testé avec return mais ça marche pas...Fonction principal:functi CSS selon OS [ par Tredorgoth ] Bonsoir. Je suis sous Mac Os et la plupart de mes amis sous Windows. Mon site utilise la police Trebuchet MS qui rend extrêmement bien chez moi mais q Probleme!!! de calcul [ par BruceCCC ] Bonjour, Un ami ma coder un script, mais a omis de mettre le calcul pour les tax du Quebec(canada).function updateplan(price) {   var domaintotal = pa Probleme avec Internet Explorer [ par theopil ] Bonjour, Voila donc j'utilise un script pour faire un compte a rebour  sous FF sa fonction sans soucie mes sous IE cela me marque serveur introuvable javascript / Menu horizontal dynamique [ par Neiflheim1 ] Bonjour à tous,Ca fais bien 3-4jours que je cherche en vain la solution à mon probleme. Mon menu dynamique marche, mais l'image de fond ne s'affiche p modification lightbox .... bouton close en haut a droite [ par petardier ] bonjour,je souhaite modifier une light box en mettant le bouton close en haut a gauche , plutot qu'en bas.Ainsi, quand une image est plus grande que l variable undefined (javascript) [ par Narvarth ] Bonjour, j'ai créé un site et j'utilise javascript pour afficher la date et l'heure. Le problème c'est qu'avec IE (8 en l'occurence) ça ne marche pas Dailymotion - PsPTube [ par Ageassia ] Bonjour !Voila depuis peu la structure de dailymotion a changer, et donc le moteur de rechercher a un peu bouger aussi ... Un "homebrew" du nom de PsP meilleur moyen d'afficher l'heure [ par Bastian60 ] Bonjour,Voici un script que j'ai récupéré :var dayarray=new Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi");var montharray=ne


Nos sponsors


Sondage...

Comparez les prix


Archos 5 Internet Tablette 500 Go
Entre 396€ et 444€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

Photo Underwater View of the Ocean With LIght Shining Through the WavePhoto Water in the Beginning of the Grand Canyon
Photo Crique turquoise - Lavezzi 

Visiter la photothèque

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,232 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)