Архив Айгуст —
архив помогалки Августа
«Никто не вечен… В отличие от знаний»
Внимание!
  Материалы на данном сайте представляют собой архивную копию форума «Айгуст - помогалка Августа» на момент октября 2019 года с целью сохранения знаний. Все права на материалы принадлежат их авторам. Материалы представлены в открытый доступ в ознакомительных целях, запрещено их коммерческое использование без согласования с авторами. Администрация сайта не несёт ответственности за содержание материалов, в том числе за наличие вредоносных закладок в коде, используйте любой предоставленный код на свой страх и риск. Рекомендуется проверять любые файлы вручную и перезаливать на собственный хостинг, дабы избежать возможной модификации или исчезновения в будущем.

Галлерея

01.09.2010 02:18:03
Галлерея
Кому не трудно код фотогаллереи выложите?
Если таковой имеется конечно..
#848
01.09.2010 03:23:54
Re: Галлерея

Ну здесь много разных способов, и для лучшей работы понадобится php.
Смотря ещё для чего и куда это ставить.

#850
03.09.2010 03:56:16
Re: Галлерея
кстати..пхп у меня есть..лень заливать файлы..могу выложить и если захотите сделаете сервис)
#906
03.09.2010 23:52:26
Re: Галлерея
Галлерея фотографий на js
<script>
var slsContents = new Array();

slsContents[0] = "<img src=\"https://igust4u-archive.ga/download/file.php?avatar=g11_1281718837.jpg\" width=320 height=240>";

slsContents[1] = "<img src=\"https://igust4u-archive.ga/download/file.php?avatar=g11_1281718837.jpg\" width=320 height=240>";

slsContents[2] = "<img src=\"https://igust4u-archive.ga/download/file.php?avatar=g11_1281718837.jpg\" width=320 height=240>";

</script>
<script>
var slsAutoStart = true;
var slsAutoSlideTime = 5;

var slsWidth = 320;
var slsHeight = 240;
var slsColor = "#C6CEDE";
var slsOverflow = "hidden";


var slsBorderWidth = 6;
var slsBorderStyle = "ridge";
var slsBorderColor = "#C6CEDE";

var slsBarHeight = 10;
var slsBarSpace = 2;

var slsImgPrev = "previous.gif";
var slsImgPrevWidth = 13;
var slsImgNext = "next.gif";
var slsImgNextWidth = 13;
var slsImgPlay = "play.gif";
var slsImgPlayWidth = 13;
var slsImgStop = "stop.gif";
var slsImgStopWidth = 13;
var slsImgBlank = "blank.gif";

var slsIndView = true;
var slsIndCount = 10;
var slsIndHeight = 15;
var slsIndSpace = 8;
var slsIndColor = "";
var slsIndFont = "Arial, Helvetica";
var slsIndFontSize = 14;

var slsSlidingMax = 20;




var DOM = document.getElementById;
var OP = (navigator.userAgent.indexOf('Opera') != -1);
var IE4 = (document.all && !OP);

var slsBord, slsCont, slsArea, slsBarArea, slsIndArea, slsIV, slsTimer;
var slsIndStart = 0;
var slsPages = (typeof(slsContents) != 'undefined') ? slsContents.length : 0;
var slsAutoSliding = false;

var slsW = slsWidth + slsBorderWidth*2;
var slsH = slsHeight + slsBorderWidth*2 + slsBarSpace + slsBarHeight;
if(slsIndView) slsH += slsIndSpace + slsIndHeight;

function slsObject(obj) {
this.elem = DOM ? document.getElementById(obj) : document.all[obj];
this.css = this.elem.style;
this.width = this.elem.offsetWidth;
this.left = 0;
return this;
}

function slsPrevPage() {
if(!slsSliding && slsArea.left < 0) slsJump(slsCurX + slsWidth);
}

function slsNextPage() {
if(!slsSliding && slsArea.left > -slsArea.width+slsWidth) slsJump(slsCurX - slsWidth);
}

function slsJump(position) {
if(!slsSliding) {
slsNewX = slsArea.left = position;
if(slsPages > slsSlidingMax) {
slsArea.css.left = slsCurX = slsNewX;
slsCheckImg();
if(slsIndView) {
var start = Math.ceil(slsCurX / slsWidth / slsIndCount) * slsIndCount * -1 + 1;
slsSetIndex(start);
}
}
else slsIV = setInterval('slsSlider()', 1);
}
}

function slsCheckImg() {
var iconbar = 0;
var img = document.images['slsLeft'];
if(slsArea.left >= 0) img.src = slsImgBlank;
else img.src = iconbar = slsImgPrev;
img = document.images['slsRight'];
if(slsArea.left <= -slsArea.width+slsWidth) img.src = slsImgBlank;
else img.src = iconbar = slsImgNext;
if(!iconbar) slsBarArea.css.visibility = slsIndArea.css.visibility = 'hidden';
}

function slsSetIndex(start) {
if(!slsSliding) {
if(start) slsIndStart = start-1;
var html = link = '';
for(var i = slsIndStart; i < slsPages && i < slsIndStart+slsIndCount; i++) {
if(i && html) html += ' &middot; ';
if(slsCurX == i * -slsWidth) html += '<b>' + (i+1) + '</b>';
else {
link = 'javascript:slsStopAutoSlide(); slsJump(' + (i * -slsWidth) + ')';
html += '<a href="' + link + '" style="text-decoration:none">' + (i+1) + '</a>';
}
}
if(slsIndStart) {
link = 'javascript:slsSetIndex(' + (slsIndStart-slsIndCount+1) + ')';
html += ' &middot; <a href="' + link + '" style="text-decoration:none">&lt;&lt;</a> ';
}
if(i < slsPages) {
link = 'javascript:slsSetIndex(' + (i+1) + ')';
html += ' &middot; <a href="' + link + '" style="text-decoration:none">&gt;&gt;</a>';
}
slsIndArea.elem.innerHTML = html;
}
}

function slsDoAutoSlide() {
if(slsArea.left <= -slsArea.width+slsWidth) slsJump(0);
else slsNextPage();
}

function slsStopAutoSlide() {
if(slsAutoSliding) {
if(slsTimer) clearInterval(slsTimer);
var img = document.images['slsPlayStop'];
img.src = slsImgPlay;
img.width = slsImgPlayWidth;
img.onclick = function() { slsStartAutoSlide(); this.blur(); }
slsAutoSliding = false;
}
}

function slsStartAutoSlide() {
slsStopAutoSlide();
slsTimer = setInterval('slsDoAutoSlide()', slsAutoSlideTime * 1000);
var img = document.images['slsPlayStop'];
img.src = slsImgStop;
img.width = slsImgStopWidth;
img.onclick = function() { slsStopAutoSlide(); this.blur(); }
slsAutoSliding = true;
}

function slsInit() {
if(DOM || IE4) {
if(slsPages) {
slsBord = new slsObject('slsBorder');
slsCont = new slsObject('slsContainer');
slsArea = new slsObject('slsSlider');
slsBarArea = new slsObject('slsBar');
if(slsIndView) slsIndArea = new slsObject('slsInd');

if(slsColor) slsCont.css.backgroundColor = slsColor;
if(slsIndColor) slsIndArea.css.backgroundColor = slsIndColor;

if(slsBorderWidth) slsBord.css.borderWidth = slsBorderWidth + 'px';
if(slsBorderStyle) slsBord.css.borderStyle = slsBorderStyle;
if(slsBorderColor) slsBord.css.borderColor = slsBorderColor;

slsBord.css.width = slsWidth + 'px';
slsBord.css.height = slsHeight + 'px';

slsArea.width = slsWidth * slsPages;
slsArea.css.width = slsArea.width + 'px';
slsArea.css.position = 'absolute';

slsCont.css.width = slsWidth + 'px';
slsCont.css.height = slsHeight + 'px';
slsCont.css.visibility = 'visible';

var content = '<img src="' + slsImgPrev + '" border="0" name="slsLeft" height="' + slsBarHeight + '"' +
' width="' + slsImgPrevWidth + '" class="slsIcon" onClick="slsStopAutoSlide(); slsPrevPage(); this.blur()">' +
'<img src="' + slsImgPlay + '" border="0" name="slsPlayStop" height="' + slsBarHeight + '"' +
' width="' + slsImgPlayWidth + '" class="slsIcon">' +
'<img src="' + slsImgNext + '" border="0" name="slsRight" height="' + slsBarHeight + '"' +
' width="' + slsImgNextWidth + '" class="slsIcon" onClick="slsStopAutoSlide(); slsNextPage(); this.blur()">';

slsBarArea.elem.innerHTML = content;
slsBarArea.css.top = (slsHeight + slsBorderWidth*2 + slsBarSpace) + 'px';
slsBarArea.css.width = slsW + 'px';
slsBarArea.css.height = slsBarHeight + 'px';
slsBarArea.css.textAlign = 'center';

if(slsIndView) {
slsIndArea.css.top = (slsHeight + slsBorderWidth*2 + slsBarSpace + slsBarHeight + slsIndSpace) + 'px';
slsIndArea.css.height = slsIndHeight + 'px';
slsIndArea.css.width = slsW + 'px';
if(slsIndFont) slsIndArea.css.fontFamily = slsIndFont;
if(slsIndFontSize) slsIndArea.css.fontSize = slsIndFontSize + 'px';
slsSetIndex();
}
setTimeout('slsCheckImg()', 100);
if(slsAutoSlideTime && slsAutoStart) slsStartAutoSlide();
}
else alert("No contents found.");
}
else alert("Sorry, this script doesn't work with your browser.");
}

window.onload = slsInit;



var slsCurX = slsNewX = 0;
var slsSliding = false;

function slsSlider() {
if(slsCurX != slsNewX) {
slsSliding = true;
var percent = .1 * (slsNewX - slsCurX);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
slsCurX += percent;
slsArea.css.left = slsCurX + 'px';
}
else {
slsSliding = false;
clearInterval(slsIV);
slsCheckImg();
if(slsIndView) {
var start = Math.ceil(slsCurX / slsWidth / slsIndCount) * slsIndCount * -1 + 1;
slsSetIndex(start);
}
}
}

//---------------------------------------------------------------------------------------------------------
// Настройка стилей
//---------------------------------------------------------------------------------------------------------

document.write('<style> ' +
'#slideShow { position:relative; width:' + slsW + 'px; height:' + slsH + 'px; } ' +
'#slsBorder { position:absolute; top:0px; left:0px; } ' +
'#slsContainer { position:absolute; top:0px; left:0px; ' +
'clip:rect(0,' + slsWidth + ',' + slsHeight + ',0); ' +
'z-index:0; overflow:hidden; visibility:hidden; } ' +
'.slsPage { width:' + slsWidth + 'px; height:' + slsHeight + 'px; ' +
'float:left; overflow:' + slsOverflow + '; } ' +
'img.slsIcon { margin: 0px 5px 0px 5px; cursor: pointer; } ' +
'</style>');



if(slsPages) {
document.write('<div id="slideShow">');
if(slsIndView) document.write('<div id="slsInd" style="position:absolute; z-index:69; text-align:center"></div>');
document.write('<div id="slsBar" style="position:absolute; z-index:69"></div>');
document.write('<div id="slsBorder"><div id="slsContainer"><div id="slsSlider">');

for(var i = 0; i < slsPages; i++) {
document.write('<div class="slsPage">' + slsContents[i] + '</div>');
}
document.write('</div></div></div></div>');
}


</script>
Настроить размер
var slsWidth = 320;
var slsHeight = 240;
Для добавления фотографии
ищим
var slsContents = new Array();
slsContents[0] = "<img src=\"https://igust4u-archive.ga/download/file.php?avatar=g11_1281718837.jpg\" width=320 height=240>";


slsContents[1] = "<img src=\"https://igust4u-archive.ga/download/file.php?avatar=g11_1281718837.jpg\" width=320 height=240>";

slsContents[2] = "<img src=\"https://igust4u-archive.ga/download/file.php?avatar=g11_1281718837.jpg\" width=320 height=240>";

и добавляем в конец списка фотографию 3

slsContents[3] = "<img src=\"ссылка на вашу фотографию\" width=320 height=240>";
#910
04.09.2010 08:29:58
Re: Галлерея
Спасибо конечно,но не совсем то что я хотел.Я имел ввиду галерею в меню ,чтобы все фотки из фотоальбомов там появлялись и можно было коменты оставлять..Я примерно понимаю..а как реализовать не знаю
#915
04.09.2010 10:27:41
Re: Галлерея

Для этого скорее всего нужен будет хостинг.
#916
05.09.2010 06:11:08
Re: Галлерея
Но идея то хорошая?
#935
05.09.2010 09:51:59
Re: Галлерея

Да, неплохая. Нужно с тобой это обсудить на досуге в аське.
#937
06.09.2010 04:25:25
Re: Галлерея

Вот примеры галереи на флеш.
И кстати, хочу поблагодарить Dzi за сайт с галереей.
[изображение]

Пример можно посмотреть "ЗДЕСЬ"

Шаблоны.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>SimpleViewer Gallery</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="https://igust4u-archive.ga/chats/gallery/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.galleryURL = "https://igust4u-archive.ga/chats/gallery/gallery.xml";
var params = {};
params.allowfullscreen = true;
params.allowscriptaccess = "always";
params.bgcolor = "222222";
swfobject.embedSWF("https://igust4u-archive.ga/chats/gallery/simpleviewer.swf", "flashContent", "100%", "100%", "9.0.124", false, flashvars, params);
</script>

<style type="text/css" media="screen">
html, body { height:100%; }
body {
margin:0;
padding:0;
overflow:hidden;
background-color: #222;
color:#666;
font-family:sans-serif;
font-size:20px;
}
a {
color:#ff0000;
}
</style>


</head><body><div id="flashContent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://get.adobe.com/flashplayer/">Get Flash</a></div></body>
</html>

Инструкция.

1. chats/gallery/gallery.xml

Тут смотрим настройки.

title="Ваша Галерея" - Название вашей галереи.
imagePath="images/" - это папка где будут лежать ваши фотографии на раскрытые изображения.
thumbPath="thumbs/" - это папка где будут лежать уменьшенные фотографии.

Далее.
<image imageURL="images/wide.jpg" thumbURL="thumbs/wide.jpg" linkURL="" linkTarget="" >
<caption><![CDATA[Ваши коменты.]]></caption>

imageURL="images/wide.jpg" - файл фотографии на раскрытое изображение.
thumbURL="thumbs/wide.jpg" - файл на уменьшенное.
linkURL="" linkTarget="" - ссылка, и можно сделать что бы открывалось в новом окне.
<caption><![CDATA[Ваши коменты.]]></caption> - вписываем свои комментарии.

Все остальное очевидно. Стили, цвета, размеры, итд итп.

Ещё один пример.
[изображение]

Пример можно посмотреть "ЗДЕСЬ"

Шаблоны.
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>TiltViewer</title>
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
/* hide from ie on mac \*/
html {
height: 100%;
overflow: hidden;
}

#flashcontent {
height: 100%;
}
/* end hide */

body {
height: 100%;
margin: 0;
padding: 0;
background-color: #000000;
color:#ffffff;
font-family:sans-serif;
font-size:40;
}

a {
color:#cccccc;
}
</style>
</head>
<body>
<div id="flashcontent">TiltViewer requires JavaScript and the latest Flash player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a></div>
<script type="text/javascript">

var fo = new SWFObject("TiltViewer.swf", "viewer", "100%", "100%", "9.0.28", "#000000");

// TILTVIEWER CONFIGURATION OPTIONS
// To use an option, uncomment it by removing the "//" at the start of the line
// For a description of config options, go to:
// http://www.airtightinteractive.com/projects/tiltviewer/config_options.html

//FLICKR GALLERY OPTIONS
// To use images from Flickr, uncomment this block
//fo.addVariable("useFlickr", "true");
//fo.addVariable("user_id", "48508968@N00");
//fo.addVariable("tags", "jump,smile");
//fo.addVariable("tag_mode", "all");
//fo.addVariable("showTakenByText", "true");

// XML GALLERY OPTIONS
// To use local images defined in an XML document, use this block
fo.addVariable("useFlickr", "false");
fo.addVariable("xmlURL", "gallery.xml");
fo.addVariable("maxJPGSize","640");

//GENERAL OPTIONS
fo.addVariable("useReloadButton", "false");
fo.addVariable("columns", "5");
fo.addVariable("rows", "5");
//fo.addVariable("showFlipButton", "true");
//fo.addVariable("showLinkButton", "true");
//fo.addVariable("linkLabel", "View image info");
fo.addVariable("frameColor", "0xFFFFFF");
fo.addVariable("backColor", "0xFFFF00");
fo.addVariable("bkgndInnerColor", "0x333333");
fo.addVariable("bkgndOuterColor", "0x000000");
//fo.addVariable("langGoFull", "Go Fullscreen");
//fo.addVariable("langExitFull", "Exit Fullscreen");
//fo.addVariable("langAbout", "About");

// END TILTVIEWER CONFIGURATION OPTIONS

fo.addParam("allowFullScreen","true");
fo.write("flashcontent");
</script>
</body>
</html>

Инструкция.

Работает почти так же как и в первом примере.


#970
06.09.2010 04:32:37
Re: Галлерея

А да забыл.
Для этого понадобится хостинг, можно даже сделать на бесплатном, таком как юкоз итд.
Первый вариант скачать можно "ЗДЕСЬ"
Второй вариант качаем "ЗДЕСЬ"
#971
07.09.2010 23:01:58
Re: Галлерея
InfinitI
Супер галерея! Респект вам)))
#1001
06.02.2011 10:09:41
Re: Галлерея
А как сделать во второй галереи,чтобы надписи под фотками можно было на русском языке писать..а то не воспринимает кодировку...
#5104
06.02.2011 14:27:54
Re: Галлерея
STEED: А как сделать во второй галереи,чтобы надписи под фотками можно было на русском языке писать..а то не воспринимает кодировку...
Поменять кодировку на ср.
#5108
06.02.2011 16:14:58
Re: Галлерея
непонял
#5110
06.02.2011 22:09:14
Re: Галлерея
STEED: непонял
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
Это как пример.
#5115
25.09.2011 11:27:07
Re: Галлерея
http://www.flashmo.com/ вот ещё сайт с Flash-галереями.
#12530

Другие темы раздела