PHPfrance

la communauté d'entraide francophone dédiée au PHP

slide d'une portfolio qui ne marche pas

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : slide d'une portfolio qui ne marche pas

Re: slide d'une portfolio qui ne marche pas

par Vampess » 15 sept. 2013, 09:32

La page se comporte comme si ce n'était Que du html. Comme si le CSs ne fonctionner pas sur cette page. Les éléments sont les uns sur les autres. Le menu est en bleu et le slide fontionne mais n'ai pas à la bonne taille, le menu du portfolio est une mosaique de point d'interrogation. Pour la vérification des incluses, je pense qu'elles marchent, mais comme je suis une débutante, c'est difficile à dire. Merci

Re: slide d'une portfolio qui ne marche pas

par xTG » 13 sept. 2013, 13:11

il bug et ce comporte comme s'il n'avait pas de design.
C'est à dire ?
As-tu vérifié que le code des include est bien inclus ?

slide d'une portfolio qui ne marche pas

par vampess » 13 sept. 2013, 11:46

bonjour à tous,
Tout d'abord je remercie les personnes qui lisent ce message.

J'ai un problème de slide pour mon portfolio, il bug et ce comporte comme s'il n'avait pas de design.
Le but est de faire ce genre de portfolio : http://www.jessicajoseph.fr/portfolio.php. mais avec un nouveau design.

Voici le code de la page portfolio.php. 
<?php include("includes/menu.php"); ?>
<?php include("includes/gauche.php"); ?>

<?php
	$page = null;
	$folder = null;
	$images = array();
	if (isset($_GET["page"])) {
		$page = $_GET["page"];
	}
	
	switch ($page) {
		default:
		case "slide":
			$folder = "slide";
			break;
			
			case "marilyn":
			$folder = "marilyn";
			break;
			
			case "hepburn":
			$folder = "hepburn";
			break;
			
			case "flora":
			$folder = "flora";
			break;
			
			case "belle-bete":
			$folder = "belle-bete";
			break;
			
		    case "allyre":
			$folder = "allyre";
			break;
			
			case "swing-time":
			$folder = "swing-time";
			break;
			
			case "edith":
			$folder = "edith";
			break;
			
			case "mouton":
			$folder = "mouton";
			break;
			
			case "fait-main":
			$folder = "fait-main";
			break;
			
			case "geometrique":
			$folder = "geometrique";
			break;
			
			case "retro":
			$folder = "retro";
			break;
			
			case "photoprint":
			$folder = "photoprint";
			break;
			
			case "promod":
			$folder = "promod";
			break;
			
			case "becquet":
			$folder = "becquet";
			break;
			
			case "kiabi":
			$folder = "kiabi";
			break;
			
			case "jc-satan":
			$folder = "jc-satan";
			break;
			
			case "figuratif":
			$folder = "figuratif";
			break;
			
			case "court":
			$folder = "court";
			break;
	}
	
	$extensions = array("png", "gif", "jpg", "jpeg");
	
	$path = 'portfolio/'.$folder;
	if ($handle = opendir($path)) {
		while (false !== ($entry = readdir($handle))) {
			$ext = pathinfo($entry, PATHINFO_EXTENSION);
			if ($ext && in_array(strtolower($ext), $extensions)) {
				$images[] = $entry;
			}
		}
		closedir($handle);
	}


if (count($images) > 1) {
?>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jquery.slides.min.js"></script>
<script type="text/javascript">
	$(function() {
		$('#slides').slidesjs({
			width: 723,
			height: 662,
			navigation: {
				active: false,
				effect: "fade"
			},
			pagination: {
				effect: "fade"
			},
			effect: {
				fade: {
					speed: 1000
				}
			},
			play: {
				active: true,
				effect: "fade",
				interval: 5000,
				auto: true,
				swap: false,
				pauseOnHover: true,
				restartDelay: 1000
			}
		});
	});
</script>
			<div id="droite">
				<div id="slides">

				<?php foreach ($images as $image) {?>
					<img src="<?php echo $path."/".$image; ?>" alt="<?php echo pathinfo($image, PATHINFO_FILENAME); ?>"/>
				<?php } ?>
					<a class="slidesjs-previous slidesjs-navigation" href="#">Précédent</a>
					<a class="slidesjs-next slidesjs-navigation" href="#">Suivant</a>
				</div>
			
			</div>
<?php } else { ?>
			<div id="droite">

			<?php if (count($images)) {?>
				<img style="width: 100%" src="<?php echo $path."/".$images[0]; ?>" alt="<?php echo pathinfo($images[0], PATHINFO_FILENAME); ?>"/>
			<?php } ?>
			
			</div>
<?php } ?>


<?php include("includes/bas.php"); ?>
Le menu du haut et le sous menu pour le portfolio sont en includes.
Si vous avez besoin de plus d'information, n'hésitez pas à me demander.
Merci pour votre aide