« »

Actuellement , il ya beaucoup de. JavaScript diaporama de photos scripts,. image jQuery plugins vitrine de faire vos propres galeries web , j'ai vérifié de nombreux scripts sur les listes. JavaScriptBank.com présenté :

. 65 Free JavaScript Galerie de photos Solutions . Plus de 30 excellentes galeries de photo à base de JavaScript/AJAX pour booster vos sites . 16 diaporama Photo gratuites scripts Galerie

Étiquette: SRPGs, Choisissez la galerie de photos Responsive, Simple Responsive Diaporama, JavaScript diaporama de photos scripts, image jQuery plugins vitrine, galerie de photo plus diaporama, Projet personnel JavaSc

Rapport de nous cette erreur JavaScript

Demo
Agrandir
Recharger
New window

Gratuit iPage hébergement Web pour la première année MOMENT

Si vous êtes toujours à la recherche d'un fournisseur d'hébergement Web fiable avec des tarifs abordables, pourquoi vous ne prenez pas un peu de temps pour essayer iPage, seulement avec $1.89/month, inclus $500+ Crédits supplémentaires gratuites pour le paiement de 24 mois ($45)?

Plus de 1.000.000 de clients + existisng peuvent pas avoir tort, vraiment vous n'êtes pas aussi! Plus important encore, lorsque vous enregistrez l'hébergement web à iPage grâce à notre lien, nous allons être heureux de renvoyer un plein remboursement. C'est génial! Vous devriez essayer iPage hébergement web GRATUITEMENT maintenant! Et contactez-nous pour tout ce que vous devez savoir sur iPage. Essayez iPage GRATUIT première année MOMENT

Hope you'll find this plugin is helpful!

View Demo or Download package (+minified)

Features

Easy to setup and use, customise or develop.
Create a photo gallery plus slideshow with a set of data.
Sizes of photos and gallery resized on many screen (browser) sizes automatically.
Play / Pause the slideshow easily with the navigating buttons.
Very easy to navigate to some photo in the long list if you need.
Pictures are displayed with the titles and album names, URLs.
Auto play slideshow, auto scroll navigation.

Requirements

jQuery 1.4 or above
Works on IE6+, Firefox 3+, Opera 8+, Google Chrome and many other modern browsers.

License

You are FREE to use this plugin in any personal, commercial project without my permission.
But please help me by leaving the Copyright sign, it just occupies about 10 pixels.
Otherwise please help me with a milk coffee to remove this sign

Support

Leave your ideas, suggestions and questions in the comments, I'll try to reply soon.

Key notes

About the picture folders below:

srpgs_path_pics = 'pics/';		// path to large photos
srpgs_path_thumb = 'pics/thumbnails/';

If you have a long list of pictures, up to 100+ photos, you should resize them and place into the thumbnail folder, and point srpgs_path_thumb to this folder, otherwise you may use the large pictures as thumbnails.

I recommend this issue because I had a bad experiment, if you showed the big photos as thumbnails, your browsers would consume about 1Mb of RAM for each photo. Hence, use the own thumbnails is the best solution for the best performance if you have a big list.

Auteur

Phong Thai is a Web Developer, Web Coder for 20 years with PHP, JavaScript, CSS. He is the creator of JavaScriptBank.com - provide thousands of free JavaScript code examples, web development tips and tricks, helpful blogging guides.

Follow him on twitter@js_bank or connect with him on facebook@jsbank if you want. His websites for your knowledge: javascriptON.com, inOneSec.com, www.gomymobi.com

Code
CSS
JavaScript
HTML
Imprimer

Copy All x2

<link rel="stylesheet" type="text/css" href="srpgs.css"/>

Copy All x2

<script type="text/javascript" src="jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="srpgs.js"></script>
<script type="text/javascript">
/*
* Project	:	Single Responsive Photo Gallery plus Slideshow
* Author	:	Phong Thai (http://www.javascriptbank.com/)
* Support	:	http://www.javascriptbank.com/
* Version	:	1.0
*/

/*
	You are free to use this plugin in any personal, commercial project without my permission.
	But please help me by leaving the Copyright sign, it just occupies about 10 pixels, 
	otherwise please help me with a milk coffee (paypal) to remove this sign.
*/

var srpgs_slideshowSpeed = 5000,	// speed of the automatic slideshow
	srpgs_scroll_delay = 700,		// speed of the scrolling controls
	srpgs_path_pics = 'pics/';		// path to large photos
	srpgs_path_thumb = 'pics/thumbnails/';

var srpgs_photos = [ {
		"image" : "srpgs-01.jpg"
	}, {
		"image" : "srpgs-02.jpg"
	}, {
		"image" : "srpgs-03.jpg"
	}, {
		"title" : "Title of Photo #04",
		"image" : "srpgs-04.jpg",
		"url" : "http://www.yoursite.com/photo-set-01/",
		"subject" : "#04 in Subject of Set #1"
	}, {
		"title" : "Title of Photo #05",
		"image" : "srpgs-05.jpg",
		"url" : "http://www.yoursite.com/photo-set-01/",
		"subject" : "#05 in Subject of Set #1"
	}, {
		"title" : "Title of Photo #06",
		"image" : "srpgs-06.jpg",
		"url" : "http://www.yoursite.com/photo-set-02/",
		"subject" : "Subject of Set #2: Photo #06"
	}, {
		"title" : "",
		"image" : "srpgs-07.jpg",
		"url" : "",
		"subject" : ""
	}, {
		"title" : "Title of Photo #08",
		"image" : "srpgs-08.jpg",
		"url" : "http://www.yoursite.com/photo-set-02/",
		"subject" : "Subject of Set #2: Photo #08"
	}, {
		"image" : "srpgs-09.jpg"
	}, {
		"image" : "srpgs-10.jpg"
	}, {
		"image" : "srpgs-11.jpg"
	}, {
		"image" : "srpgs-12.jpg"
	}, {
		"image" : "srpgs-13.jpg"
	}, {
		"image" : "srpgs-14.jpg"
	}, {
		"image" : "srpgs-15.jpg"
	}, {
		"image" : "srpgs-16.jpg"
	}, {
		"image" : "srpgs-17.jpg"
	}, {
		"image" : "srpgs-18.jpg"
	}
];
</script>

Copy All x2

<div class="srpgs-container">
	<!-- Photo placeholders -->
	<div id="srpgs-slideshow">
		<div id="srpgs-rotate-1" class="srpgs-holder"><img src="" /></div>
		<div id="srpgs-rotate-2" class="srpgs-holder"><img src="" /></div>
	</div>
	
	<!-- Photo slideshow controls -->
	<div id="srpgs-control">
		<div class="srpgs-thumbs-nav copyright"><a href="http://www.javascriptbank.com" title="Copyright 2013">+</a></div>
		<div class="srpgs-thumbs-nav up"></div>
		<div id="srpgs-thumbs-gallery"></div>
		<div class="srpgs-thumbs-nav down"></div>
		<div id="srpgs-control-btns">
			<div id="srpgs-control-back"></div>
			<div id="srpgs-control-play-pause"></div>
			<div id="srpgs-control-next"></div>
		</div>
	</div>
	
	<!-- Titles and subjects of the photos -->
	<div id="srpgs-picture">
		<span id="srpgs-picture-title"></span>
		<p class="srpgs-picture-link">
			In: <a href="#" id="srpgs-picture-url"></a>
		</p>
	</div>
</div>

Commentaire (0)
Écrire

par Avant-première

Annuler réponse

Écrivez votre commentaire

Commentaires du client sera publié avant previwed
Donnez votre email réel pour obtenir des réponses notification ou commentaire sera supprimé

Votre nom *
Votre e-mail^g *
~~Votre site~~

Comment's Titre

J'assure à 100% je suis humain réel
Je le répète, je ne suis pas bot

Sent (0)
Nouveau

BBCode
HTML
URL
JID

iPhoneKer.com
Save up to 630$ when buy new iPhone 15

GateIO.gomymobi.com
Free Airdrops to Claim, Share Up to $150,000 per Project

https://tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools

chatGPTaz.com, chatGPT4.win, chatGPT2.fun, re-chatGPT.com
Talk to ChatGPT by your mother language

Dall-E-OpenAI.com
Generate creative images automatically with AI

AIVideo-App.com
Render creative video automatically with AI

Cool Domains for Sale!

javascriptbank.com javascripton.com gomy.mobi gomymobi.com pornID.net ChainTutor.com Card.rip system.money choose.exchange this.bid ChatTotal.com index.services XMQV.com ABP3.com CryptoKD.com CoinHolo.com ZWVQ.com CTRCoin.com YeuNu.com CreditCard.rip eChainBank.com ApexBTC.com choose.works war.money

Déposer jours:
Auteur:
Previews:
Commentaire:
Votes:
Sent:
Taille:
Rang:

27/06/2013
Phong Thai [more]
54,901
0
1
0
0.18 KBytes

JavaScript Choisissez la galerie de photos Responsive ainsi Diaporama - Langue: Française

2/5 1 votes / 54,901 previews / 0 commentaire 27/06/2013 Actuellement , il ya beaucoup de. JavaScript...JavaScript Choisissez la galerie de photos Responsive ainsi Diaporama - Choisissez la galerie de photos Responsive ainsi Diaporama - Langue: Française

nadinanlize[10] osolnoskerafa[25] umccumshon[30] chjoachimteod[10] Cao Phong[2]

Soyons premier membre de le faire