Ajout des images

www/css/reset.css

@@ -5,7 +5,7 @@
  ---------------------------------------- */
 
 #slider {
-    width: 260px; /*important to be same as image width */
+    width: 328px; /*important to be same as image width */
     /* height: 300px; important to be same as image height */
     position: relative; /* important */
 	overflow: hidden; /* important */
@@ -38,12 +38,12 @@
     position: absolute;
 	font: 10px/15px Arial, Helvetica, sans-serif;
     padding: 10px 13px;
-    width: 190px;
+    width: 100%;
     background-color: #ddfabb;
-    filter: alpha(opacity=70);
-    -moz-opacity: 0.7;
-	-khtml-opacity: 0.7;
-    opacity: 0.7;
+    filter: alpha(opacity=80);
+    -moz-opacity: 0.8;
+	-khtml-opacity: 0.8;
+    opacity: 0.8;
     color: #000;
     display: none;
 	border:1px solid #ddd;
@@ -74,7 +74,7 @@
 }
 .bottom {
 	bottom: 0;
-    left: 0;
+    left: 5px;
 }
 .left {
 	top: 0;

www/css/style1.css

@@ -532,4 +532,10 @@ code {
   padding: 3px;
 }
 
+.discover-image {
+  bottom: -50px;
+  left: -50px;
+  position: relative;
+}
+
 

www/index.php

@@ -18,13 +18,19 @@ include('include/header.php');
 									<div id="slider" >
                                         <ul id="sliderContent">
                                             <li class="sliderImage">
-                                                <img src="img/comm.jpg" width="210" height="384" alt=""/>
+                                                <img src="img/slider/lady-wise.jpg"      width="310" height="384" alt=""/>
                                                 <span class="bottom">
                                                 <strong>Savoir-Faire Linux</strong>
                                                 <br />presents SFLphone</span>
                                             </li>
                                             <li class="sliderImage">
-                                                <img src="img/sflPhone_a.png" width="210" height="384" alt=""/>
+                                                <img src="img/slider/mrbad.jpg" width="310" height="384" alt=""/>
+                                                <span class="bottom">
+                                                <strong>SFLphone</strong>
+                                                <br />It's free and you can use it everywhere.</span>
+                                            </li>
+                                            <li class="sliderImage">
+                                                <img src="img/slider/homepage.png" width="310" height="384" alt=""/>
                                                 <span class="bottom">
                                                 <strong>SFLphone</strong>
                                                 <br />SIP and IAX2 softphone</span>
@@ -75,6 +81,7 @@ include('include/header.php');
                     a Canadian Linux consulting company, in partnership with the global community. 
                     Savoir-Faire Linux provides to users easy-to-install packages for most of the main Linux distributions.  
                     </p>
+                    <img class="discover-image" src="img/slider/lady-discover.jpg" />
                 </td>
             </tr>
         </tbody>

www/screenshot.php

@@ -37,7 +37,9 @@ include('include/header.php');
           array('incoming-call.png','Incoming call'),
           array('main-history.png','Call history'),
           array('main-history-opt.png','Call history options'),
-          array('main-transfer.png','Call transfer')          
+          array('main-transfer.png','Call transfer'),
+          array('account-edit.png','Account add dialog'),
+          array('account-add.png','Account edit dialog')          
         );
         
         
@@ -57,56 +59,54 @@ include('include/header.php');
         I should thank all the jQuery team and users for making one of the most awesome javascript library out there.
         http://jquery.org
     -->
-    <script type="text/javascript"> 
-      //jQuery(function($) { $('ul.gallery').galleria(); }); 
-      	
-	jQuery(function($) {
+    <script type="text/javascript">       	
+	    jQuery(function($) {
 		
-		$('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability
+		    $('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability
 		
-		$('ul.gallery').galleria({
-			history   : true, // activates the history object for bookmarking, back-button etc.
-			clickNext : true, // helper for making the image clickable
-			insert    : '#main_image', // the containing selector for our main image
-			onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
+		    $('ul.gallery').galleria({
+			    history   : true, // activates the history object for bookmarking, back-button etc.
+			    clickNext : true, // helper for making the image clickable
+			    insert    : '#main_image', // the containing selector for our main image
+			    onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
 				
-				// fade in the image & caption
-				if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
-					image.css('display','none').fadeIn(1000);
-				}
-				caption.css('display','none').fadeIn(1000);
+				    // fade in the image & caption
+				    if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
+					    image.css('display','none').fadeIn(1000);
+				    }
+				    caption.css('display','none').fadeIn(1000);
 				
-				// fetch the thumbnail container
-				var _li = thumb.parents('li');
+				    // fetch the thumbnail container
+				    var _li = thumb.parents('li');
 				
-				// fade out inactive thumbnail
-				_li.siblings().children('img.selected').fadeTo(500,0.3);
+				    // fade out inactive thumbnail
+				    _li.siblings().children('img.selected').fadeTo(500,0.3);
 				
-				// fade in active thumbnail
-				thumb.fadeTo('fast',1).addClass('selected');
+				    // fade in active thumbnail
+				    thumb.fadeTo('fast',1).addClass('selected');
 				
-				// add a title for the clickable image
-				image.attr('title','Next image >>');
-			},
-			onThumb : function(thumb) { // thumbnail effects goes here
+				    // add a title for the clickable image
+				    image.attr('title','Next image >>');
+			    },
+			    onThumb : function(thumb) { // thumbnail effects goes here
 				
-				// fetch the thumbnail container
-				var _li = thumb.parents('li');
+				    // fetch the thumbnail container
+				    var _li = thumb.parents('li');
 				
-				// if thumbnail is active, fade all the way.
-				var _fadeTo = _li.is('.active') ? '1' : '0.3';
+				    // if thumbnail is active, fade all the way.
+				    var _fadeTo = _li.is('.active') ? '1' : '0.3';
 				
-				// fade in the thumbnail when finnished loading
-				thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
+				    // fade in the thumbnail when finnished loading
+				    thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
 				
-				// hover effects
-				thumb.hover(
-					function() { thumb.fadeTo('fast',1); },
-					function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
-				)
-			}
-		});
-	});
+				    // hover effects
+				    thumb.hover(
+					    function() { thumb.fadeTo('fast',1); },
+					    function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
+				    )
+			    }
+		    });
+	    });
 
     </script>
 <?php