<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Barça création &#187; Magazine</title>
	<atom:link href="http://www.barca-creation.ch/?cat=8&#038;feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://www.barca-creation.ch</link>
	<description>Actif en création</description>
	<lastBuildDate>Fri, 10 Nov 2017 07:44:36 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>Nouvelle maquette de mise en page, Market Magazine</title>
		<link>http://www.barca-creation.ch/?p=731</link>
		<comments>http://www.barca-creation.ch/?p=731#comments</comments>
		<pubDate>Wed, 23 Mar 2011 13:17:38 +0000</pubDate>
		<dc:creator>Sylvain Baumgartner</dc:creator>
				<category><![CDATA[Magazine]]></category>

		<guid isPermaLink="false">http://www.barca-creation.ch/?p=731</guid>
		<description><![CDATA[.]]></description>
			<content:encoded><![CDATA[<p><strong>
	
		<div class="gallery_clear"></div> 
		<div id="gallery_731" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_731" class="loader"></div>
					<div id="slideshow_731" class="slideshow"></div>
					<div id="caption_731" class="caption-container"></div>
				</div>
				
			</div>
			
			
			
			
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_731" class="thumnail_col " >
						<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a> 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.barca-creation.ch/wp-content/uploads/2011/08/marketcouv.jpg" >								
											<img src="http://www.barca-creation.ch/wp-content/uploads/2011/08/marketcouv-188x130.jpg" alt="" title="marketcouv" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.barca-creation.ch/wp-content/uploads/2011/08/market1.jpg" >								
											<img src="http://www.barca-creation.ch/wp-content/uploads/2011/08/market1-188x130.jpg" alt="" title="market1" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.barca-creation.ch/wp-content/uploads/2011/08/market2.jpg" >								
											<img src="http://www.barca-creation.ch/wp-content/uploads/2011/08/market2-188x130.jpg" alt="" title="market2" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.barca-creation.ch/wp-content/uploads/2011/08/market3.jpg" >								
											<img src="http://www.barca-creation.ch/wp-content/uploads/2011/08/market3-188x130.jpg" alt="" title="market3" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.barca-creation.ch/wp-content/uploads/2011/08/market4.jpg" >								
											<img src="http://www.barca-creation.ch/wp-content/uploads/2011/08/market4-188x130.jpg" alt="" title="market4" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.barca-creation.ch/wp-content/uploads/2011/08/market5.jpg" >								
											<img src="http://www.barca-creation.ch/wp-content/uploads/2011/08/market5-188x130.jpg" alt="" title="market5" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.barca-creation.ch/wp-content/uploads/2011/08/market6.jpg" >								
											<img src="http://www.barca-creation.ch/wp-content/uploads/2011/08/market6-188x130.jpg" alt="" title="market6" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.barca-creation.ch/wp-content/uploads/2011/08/market7.jpg" >								
											<img src="http://www.barca-creation.ch/wp-content/uploads/2011/08/market7-188x130.jpg" alt="" title="market7" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.barca-creation.ch/wp-content/uploads/2011/08/market8.jpg" >								
											<img src="http://www.barca-creation.ch/wp-content/uploads/2011/08/market8-188x130.jpg" alt="" title="market8" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
										<div class="caption">
											
										</div>
										
									</li>
								
						</ul>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_731 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_731').galleriffic({ 
					delay:                     3500,
					numThumbs:                 3,
					preloadAhead:              3,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_731',
					controlsContainerSel:      '#controls_731',
					captionContainerSel:       '#caption_731',  
					loadingContainerSel:       '#loading_731',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		</strong></p>
<p><strong><span style="color: #000000;">.</span><br />
</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.barca-creation.ch/?feed=rss2&#038;p=731</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Magazine, Genève sur la Terre</title>
		<link>http://www.barca-creation.ch/?p=818</link>
		<comments>http://www.barca-creation.ch/?p=818#comments</comments>
		<pubDate>Tue, 10 Jun 2008 08:32:31 +0000</pubDate>
		<dc:creator>Sylvain Baumgartner</dc:creator>
				<category><![CDATA[Magazine]]></category>

		<guid isPermaLink="false">http://www.barca-creation.ch/?p=818</guid>
		<description><![CDATA[.]]></description>
			<content:encoded><![CDATA[<p><strong>
	
		<div class="gallery_clear"></div> 
		<div id="gallery_818" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_818" class="loader"></div>
					<div id="slideshow_818" class="slideshow"></div>
					<div id="caption_818" class="caption-container"></div>
				</div>
				
			</div>
			
			
			
			
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_818" class="thumnail_col " >
						<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a> 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.barca-creation.ch/wp-content/uploads/2011/08/magge0.jpg" >								
											<img src="http://www.barca-creation.ch/wp-content/uploads/2011/08/magge0-188x130.jpg" alt="" title="magge0" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.barca-creation.ch/wp-content/uploads/2011/08/magge7.jpg" >								
											<img src="http://www.barca-creation.ch/wp-content/uploads/2011/08/magge7-188x130.jpg" alt="" title="magge7" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.barca-creation.ch/wp-content/uploads/2011/08/magge8.jpg" >								
											<img src="http://www.barca-creation.ch/wp-content/uploads/2011/08/magge8-188x130.jpg" alt="" title="magge8" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.barca-creation.ch/wp-content/uploads/2011/08/magge4.jpg" >								
											<img src="http://www.barca-creation.ch/wp-content/uploads/2011/08/magge4-188x130.jpg" alt="" title="magge4" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.barca-creation.ch/wp-content/uploads/2011/08/magge3.jpg" >								
											<img src="http://www.barca-creation.ch/wp-content/uploads/2011/08/magge3-188x130.jpg" alt="" title="magge3" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.barca-creation.ch/wp-content/uploads/2011/08/magge6.jpg" >								
											<img src="http://www.barca-creation.ch/wp-content/uploads/2011/08/magge6-188x130.jpg" alt="" title="magge6" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.barca-creation.ch/wp-content/uploads/2011/08/magge5.jpg" >								
											<img src="http://www.barca-creation.ch/wp-content/uploads/2011/08/magge5-188x130.jpg" alt="" title="magge5" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.barca-creation.ch/wp-content/uploads/2011/08/magge1.jpg" >								
											<img src="http://www.barca-creation.ch/wp-content/uploads/2011/08/magge1-188x130.jpg" alt="" title="magge1" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.barca-creation.ch/wp-content/uploads/2011/08/magge2.jpg" >								
											<img src="http://www.barca-creation.ch/wp-content/uploads/2011/08/magge2-188x130.jpg" alt="" title="magge2" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.barca-creation.ch/wp-content/uploads/2011/08/vignette3Dtoutou1.jpg" >								
											<img src="http://www.barca-creation.ch/wp-content/uploads/2011/08/vignette3Dtoutou1.jpg" alt="" title="vignette3Dtoutou" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
										<div class="caption">
											
										</div>
										
									</li>
								
						</ul>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_818 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_818').galleriffic({ 
					delay:                     3500,
					numThumbs:                 3,
					preloadAhead:              3,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_818',
					controlsContainerSel:      '#controls_818',
					captionContainerSel:       '#caption_818',  
					loadingContainerSel:       '#loading_818',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		</strong></p>
<p><span style="color: #000000;"><strong>.</strong></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.barca-creation.ch/?feed=rss2&#038;p=818</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
