ria pc game
fle game engine - движок для создания игр
fle game engine - движок для создания игр


Balls and holes PC game / Balls and Holes PC игра
Вакансии
Игродельня
Сегодня
22 февраля 2019 15:40
Вход Регистрация Забыли пароль ?

megainformatic - Веселый Буквоежка - онлайн комикс - страница 10
Веселый Буквоежка - онлайн комикс - страница 10 представляем Веселый Буквоежка - онлайн комикс. Что потом ?
подробнее...

Теги создание сайтов, создание игр, дизайн, игры, информатика, уроки photshop, php, c++, музыка, delphi, cms, робосайт
Статьи сайта
megainformatic cms admin

megainformatic - Основы создания 3d игр - проект Тайны Морских Глубин

megainformatic - уроки delphi directx 8.1 3d - Основы Вращений и Управления камерой

megainformatic cms seo

megainformatic cms admin

megainformatic - Моделируем девушку в 3d - Подготовка 2d-эскиза тела человека

megainformatic cms stat kit

megainformatic cms seo

megainformatic - Теория и практика 3d игр - О Кватернионах

megainformatic - Теория и практика 3d игр - Основы теории векторов

megainformatic - Теория и практика 3d игр - Важные замечания

megainformatic - Моделируем девушку в 3d используя 3ds max - Подготовка к моделированию ноги - готовим ширму

megainformatic - Моделируем девушку в 3d используя 3ds max - Выполняем моделирование ноги

megainformatic - Моделируем девушку в 3d используя 3ds max - Улучшаем созданную модель женской ножки

megainformatic cms stat kit

megainformatic - Подводная лодка и подводный мир

megainformatic - megainformatic cms - Форма для смены шаблонов сайта - модуль template selector

megainformatic cms social

megainformatic cms social Руководство пользователя

megainformatic - megainformatic cms - Форма для смены шаблонов сайта - модуль template selector

модуль слайдера

ТЗ на сайт коллективных покупок

модуль slider

megainformatic cms seo

Поддержка сайтом нескольких языков - модуль multi lang

Поддержка сайтом нескольких языков - модуль multi lang

megainformatic - Моделируем девушку в 3d используя 3ds max - другие статьи сборника статей - обзор

установка нового шаблона в joomla 2.5.4

Описание продукта megainformatic cms social

Описание продукта megainformatic cms social

megainformatic - ТЗ на сайт по аналогии rys-stroi.ru

megainformatic cms groupon

megainformatic - дизайн сайта строительной компании УЛЬТРА-СТРОЙ

megainformatic - Тестирование подключения платежной системы

megainformatic - Выпадающее окно регистрации на сайте

megainformatic - Тестирование подключения к платежной системе с использованием скрипта эмулятора

megainformatic - Модуль для регистрации пользователя на сайте

megainformatic - Код для модуля регистрации пользователя на сайте

megainformatic - Быстрый подсчёт ключевых слов в статье

megainformatic - Модуль подсчёта ключевых слов в статье

megainformatic - Онлайн-сервис для подсчёта статистики ключевых слов

megainformatic - Пишем слайдер на javascript с нуля

megainformatic - Логика работы слайдера на javascript

megainformatic - Пишем свою соц. сеть - модуль предложений для webjob

megainformatic - Пишем свою соц. сеть - модуль предложений для webjob - часть реализации для личного кабинета

megainformatic - Пишем свою соц. сеть - Реализация файлового хранилища предложений в csv-файле

megainformatic - Тестирование подключения к платежной системе ЕДИНЫЙ КОШЕЛЕК (w1.ru) с использованием скрипта эмулятора

megainformatic - Пишем свою cms - шаг 1

megainformatic - Пишем свою cms - шаг 2

megainformatic - Пишем свою cms - шаг 3

megainformatic - бесплатная флеш игра freeway fury 2 - разработчик Serius Games

megainformatic - бесплатные флеш игры сторонних разработчиков

megainformatic - Как я осваивал Flash

megainformatic - Список уроков на тему создания flash приложений и игр

megainformatic - Как я осваивал Flash - шаг 2 - Основы создания простейших flash - игр

проект портала Идеи Комфорта

подробнее

Игра Мечты - ria pc game

Я как-то обмолвился буквально нижеследующим:

Проект начат в октябре 2017. Используются наработки прошлых лет.
Вырисовывается уже что-то нехарактерное именно для жанра визуальной новеллы.
Хотя, это не чистая визуальная новелла. Соотношение примерно следующее:
визуальная новелла - примерно 30%, аркадные мини игры 10%, элементы квеста 5%,
путешествия по сюжетной линии при помощи блокнота 30%, все остальное - 25%.

Под всем остальным подразумеваются элементы которые не относятся к конкретному жанру
(условно) - неаркадные мини игры, адалт сцены и адалт контент, бонусы и
что-то похожее на пасхалки. Вообщем все то, что представляет отличие от
основных жанров игры. 

Ну и конечно большим отличием является то что игра
идет в комплекте 3 в 1. Т. е. в состав дистрибутива входят 3 ! независимые
(хотя логически связанные) игры. Основная игра - ria pc game,
вторая игра - Шарики и Ямки Каникулы Зеленого Шарика (8 уровней),
а 9 уровень представляет самостоятельная игра которая вобрала в
себя проект Веселый Буквоежка и нововведения относящиеся к
адаптации проекта к Шарикам и Ямкам. + еще есть также всякие бонусы.
Одним словом перечислять могу бесконечно что там есть. Лучше увидеть
своими глазами. Не даром размер дистрибутива такой значительный.
Все игры на своем собственном движке. Своя музыка. Графика. 
И все что вы увидите - создано 1 человеком.



Чтобы не быть голословным решил подробнее описать свою игру мечты
и то, как она выглядит на текущий момент времени.

Я думаю тема будет интересна не только любителям компьютерных игр (игрокам),
но и тем, кто делает игры.

Потому что всегда остается некоторое поле деятельности для того,
чтобы дальше развивать этот, вне всякого сомнения, экстраординардный
проект.


Итак,
приступим.


Игра начинается с того, что девушка Риа прилетает самолетом, в другой,
чужой для неё город.


Одновременно с этим хочу рассказать о том, с чего собственно началась
разработка игры.

В далеком 2007 году я начал делать очередной проект под названием
Эмулятор игры Электроника ИМ-02 Ну, Погоди !


Эмулятора игры Электроника ИМ-02 Ну, Погоди ! версия 1.20 от 2.03.2017


До этого были еще проекты, но не будем на этом заострять внимание.

Суть в том, что впервые у меня получилась, хотя и не слишком крупная,
но как минимум логически и функционально завершенная игра.


Конечно до этого была еще road 2 city (Дорога в Город), содержащая 10!
уровней.

Но она была создана с использованием библиотеки undelphiX, а значит,
почти на готовом движке (если можно так сказать).

Исходный код этой игры я открыл. Так что там же, по ссылке выше,
можно увидеть его своими глазами.

Отмечу, что игра была первой пробой и я делал все сам, в одиночку.

Большого опыта как такового не было, да и малого тоже. Было это в 2004 - 2006 гг.

Разработка проекта протекала медленно и почти спонтанно.

И опять же, вернемся к ria pc game.

ria pc game 20.08.2018

Проект, по своей основе, базируется на движке, создаваемом для игры Веселый Буквоежка,
которую я начал писать в 2009 году.

На текущий момент проект до сих пор развивается, и теперь уже в рамках проекта ria pc game.

Вот как он выглядит сейчас -

ria pc game 20.08.2018

ria pc game 20.08.2018

ria pc game 20.08.2018

Это большой и самостоятельный проект, который стал частью еще более крупного.

Не могу не упомянуть, что дальше все развивалось в таком направлении:

в какой-то момент я захотел сделать что-то похожее на Эмулятор игры Ну, Погоди !, но в то же
время про что-то другое.

Так появился экспериментальный проект - Balls on Lift - Шарики на Лифте -


игра Шарики на лифте Серия 1 Разгони Лифт / Balls on Lift Level 1 Run The Lift версия 0.9.2 05.10.2016 / version 0.9.2 05.10.2016



Шарики на лифте / Balls on Lift версия apr - версия aug 2016 version 0.9.1.5 14.09.2016


Игра получилось достаточно простой. Даже слишком. Возможно она даже вам не понравится.

Но самое главное в этой истории то, что я не остановился на этом, а стал развивать идею -
так появился еще один проект -

Шарики и Ямки - Balls and Holes -

Сначала это все выглядело вот так -


Прыгающий шарик перемещаемый мышкой




Потом уже вот так -


выпуск 62 balls and holes игра




Ну и на текущий момент времени все это выглядит вот так -


Шарики и Ямки / Balls and Holes игра PC версия 03.07.2017 скачать



и входит в состав проекта ria pc game - запускается из отдельного файла - ppab_start.exe


Помимо этого в проектах есть много всяких разных бонусов.

Так что все это лучше увидеть собственными глазами,
скачав текущую версию ria pc game !



Так собственно почему игра ria pc game является игрой мечты ?

1)
Проект развивается с переменной интенсивностью на протяжении многих лет.

Можно считать с 2008 года. Поэтому ему уже почти 10 лет или даже больше.

2) Игры, входящие в состав проекта - ria pc game, balls and holes
(pencil paper and the ball green ball holidays)
представляют серьезные достаточно крупные проекты, которые создавались
не менее 1 года.

3) Есть задел и есть перспективы для того, чтобы дальше развивать проекты.

4) Все это создается руками и усилиями лишь 1 человека.


И я полагаю, что эта статья еще не является завершенной, и будет дополнена.

Просто, как мне кажется (хотя судить конечно вам), проект такой величины
и такого уровня, заслуживает вашего внимания.



О ЖАНРАХ проекта

Проект вобрал в себя несколько жанров.

Аркада, логическая аркада.

ria pc game 20.08.2018

ria pc game 20.08.2018

ria pc game 20.08.2018

ria pc game 20.08.2018


Приключения, квест.

ria pc game 20.08.2018

ria pc game 20.08.2018

ria pc game 20.08.2018

ria pc game 20.08.2018

ria pc game 20.08.2018

ria pc game 20.08.2018


Загадочные перемещения при помощи блокнота - приложения
в телефоне героини.

ria pc game 20.08.2018

ria pc game 20.08.2018


29.10.2018

в игру добавлена аркадная составляющая -








На этом пока все.




подробнее

     
     
  Добро пожаловать в систему управления сайтом megainformatic cms !  
     
  [к содержанию] [назад] [далее]  
     
 

6)  Основы продвижения созданного сайта

 
     
 

Чтобы Ваш сайт стал известен пользователям, чтобы поисковые системы проиндексировали его и главное, чтобы Ваш сайт стал приносить Вам какую-то пользу - решать поставленные Вами бизнес-задачи, приносить материальную отдачу и многое другое.

Это и есть то, что именуют продвижением сайта.

 
     
 

Какие методы для этого существуют и как их применить ?

Вам нужно усвоить одну главную вещь - Ваш сайт станет популярным только если на него будут заходить как можно больше пользователей и на него будут ссылаться как можно больше других сайтов.

Эти две простые истины наверное известны каждому. Вопрос в том, как их правильно применить.

 
     
 

Известны следующие методы продвижения:

1) Регистрация сайта в основных поисковых системах - Google, Yandex, Rambler, Mail, Nigma и других - данный метод применяется однократно для вновь созданных сайтов, чтобы ускорить его индексацию поисковыми системами;

2) Поисковая оптимизация - для сайта выбирается набор ключевых фраз, по которым ведется оптимизация контента для улучшения результатов выдачи вашего сайта в поисковых запросах выбранных поисковых систем; Эта работа также должна проводиться на начальном этапе, т. к. впоследствии исправить допущенные грубые ошибки, приводящие к ухудшению положения сайта в результатах запросов, гораздо сложнее;

3) Регистрация в каталогах, размещение объявлений на электронных досках, реклама на форумах, участие в баннерных сетях, сетях обмена ссылками; Этот метод достаточно трудоемкий, но его можно и нужно применять как можно чаще как для вновь созданных, так и для уже более-менее известных сайтов;

4) Организация списков-рассылки. Данный способ вы сможете применить сами используя модуль mail-list.php. Вам нужно будет лишь постепенно сформировать базу данных пользователей вашего сайта и впоследствии рассылать им новости;

5) Повышение спроса на услуги сайта за счет улучшения качества и ассортимента предостовляемых продуктов и услуг. Этот пункт думаю достаточно понятен - чем больше, лучше, качественнее и полезнее информация, предоставляемая Вашим сайтом, тем больше вероятность повышения его популярности.

6) Продвижение сайта вне сети интернет. Этот метод является более трудоемким и дорогостоящим по сравнению с перечисленными выше методами. Он подразумевает публикацию в печатных изданиях, в СМИ и другие подобные способы. Эффект от применения этого способа может быть разным, всё зависит от Ваших возможностей и наличия хотя бы минимального начального продвижения по пунктам 1-5.

7) Дорвейные сети и автопродвижение. Этот способ частично перекликается со способом 3. А заключается он в следующем - вы создаете собственную сеть из множества сайтов, которые имеют перекрестные ссылки. Таким образом занимаясь продвижением каждого сайта в сети в отдельности вы получаете дополнительный выигрыш от автопродвижения сайтов, т. к. они ссылаются друг на друга. Этот метод также в какой-то степени требует большого опыта и специального инструментария. Но он также и достаточно перспективный.

 
     
  Возможно вы уже знаете и про другие способы, которые я забыл упомянуть, ну что ж, остается лишь пожелать вам удачи в деле создания и продвижения своего сайта !!!  
  [к содержанию] [назад] [далее]  
подробнее

Пишем свою cms - шаг 3

В предыдущей статье - Пишем свою cms - шаг 2
Вы узнали какой код положен в основу config.php, и какие задачи
он решает.

Обычно config.php содержит настройки доступа к базе данных.

Но поскольку в нашем случае megainformatic cms free это система, которая работает без mysql баз данных, то этих настроек в config.php нет.

Итак, поскольку с config.php теперь всё ясно, будем двигаться дальше.

Рассмотрим какие файлы составляют основу шаблона сайта, и самое главное увидим их код.

Основу шаблона нашей cms составляет папка, расположенная в папке design.

Заглянув в папку design Вы увидите там все шаблоны, которые уже есть в Вашей cms.

Соответственно наша цель - разобраться как создать свой шаблон, взяв за основу код одного из имеющихся.

Не мудрствуя лукаво просто делаем копию папки green.

И полученную новую папку назовём например, go

Чтобы новый шаблон стал текущим по-умолчанию изменим содержимое файла config.php на такое -

//набор доступных шаблонов
$templates = array('go', 'green', 'blue');
//имя шаблона по-умолчанию
$template_name = "go";

всё остальное оставим без изменений.

Видим, что новый шаблон во-первых стал текущим в блоке выбора шаблона сайта - слева вверху под шапкой сайта.

Во-вторых теперь мы смело можем зайти в папку design/go/ и попробовать что-то там менять.

Давайте рассмотрим код файла design/go/header.php нашего шаблона.

Я предполагаю, что Вы скачали megainformatic cms free и смотрите код header.php из папки design/green/ или из созданной папки go являющейся пока полной копией папки green.

Приведу лишь некоторые выдержки из кода -

design/go/header.php

определяем DOCTYPE для нашего сайта.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

он будет влиять на то, как браузеры будут отображать все страницы сайта и какие особенности в записи html-тегов нужно использовать в коде.

далее видим как обычно - открывающие теги <html>, <head>, кодировку указанную в теге <meta>,

и наконец мы видим первый php код -

<?php //подключаем модуль page, который отвечает за формирование заголовка (title) для страницы сайта
//и за контент, отображаемый в центральном блоке content сайта.
include_once "modules/page.php";

//тут видим, что заголовок страницы сайта будет взят из переменной $pagetitle
echo "<TITLE>$pagetitle</TITLE>";
?>

далее следует содержимое мета-тегов по-умолчанию для всех страниц сайта.

подключение стилей css

закрывающий тег </head>

и открывающий тег <body>

за ним следует вывод html-верстки формирующей шапку сайта

код для вывода текущей даты-времени

модуль выбора шаблонов сайта

а также блок новостей - замененный статичным блоком, поле для поиска по сайту, ссылка на карту сайта, облако тегов, и модуль бегущей строки сайта, выводящий некоторую полезную информацию.

Поскольку модулей для вывода случайной новости, поиска и карты сайта в составе нашей cms еще нет, то не будем волноваться по-поводу их отсутствия.

В дальнейшем, когда Вы разберетесь с вопросом создания собственной cms Вы сможете их либо написать самостоятельно, либо взять в готовом виде из других моих продуктов - продукты сайта

Описанной информации Вам будет достаточно, чтобы усвоить задачу, которую решает файл design/go/header.php в шаблоне сайта.

Резюмировать можно так - header.php отвечает за определение DOCTYPE, кодировки, заголовка, мета-тегов, подключение стилей, а также вывод верхней части сайта, составляющей его шапку (top), а также информационные блоки - текущая дата-время, форма выбора шаблона, блок случайной новости, поле поиска, ссылка на карту сайта, облако тегов и бегущую строку.

Я не буду утверждать, что описанный код, особенно если Вы еще никогда не занимались созданием своей cms, выглядит несколько сложновато для новичка, но по крайней мере Вы его можете взять и начать эксперименты.

А это уже гораздо больше чем совсем ничего :))) Согласитесь.

подробнее

Логика работы слайдера на javascript

В предыдущей статье - Пишем слайдер на javascript с нуля

я рассказал об основных моментах, которые включает алгоритм работы типичного слайдера.

Сейчас мы рассмотрим логику работы класса timedSlideShow

Как я уже упоминал в статье - Пишем слайдер на javascript с нуля

Логика описана в файле - timed.slideshow.js

Прокомментирую код, который Вы можете там увидеть.

Сразу замечу, что сохранить код всех необходимых файлов себе Вы можете просто сохранив данную страничку на свой компьютер из браузера.

// объявляем класс
var timedSlideShow = Class.create();

// описываем реализацию класса
timedSlideShow.prototype = {
// описываем реализацию функции initialize - инициализации
initialize: function(element, data) {

// текущая итерация
this.currentIter = 0;
// последняя итерация - будет нам служить для того, чтобы скрыть уже показанную картинку
this.lastIter = 0;
// максимально допустимая итерация - это индекс последней доступной картинки в массиве картинок нашего слайд-шоу
this.maxIter = 0;
// id контейнера всех html-элементов слайд-шоу - в нашем примере описаны в блоке div с id = mySlideshow
this.slideShowElement = element;
// массив данных, содержащих описания элементов слайд-шоу - в нашем примере этот массив находится в переменной mySlideData
this.slideShowData = data;
/* по-порядку: флаг показывающий, что инициализация уже сделана; контейнер для хранения массива элементов;
временная задержка в миллисекундах, определяющая скорость смены изображений в слайдере;
ссылка на статью; область показа информации об отображаемом изображении (подпись, описание)

*/
this.slideShowInit = 1;
this.slideElements = Array();
this.slideShowDelay = 4000;
this.articleLink = "";
this.slideInfoZone = "";

/* по-порядку: устанавливаем стиль отображения для блока слайд-шоу - блочный;
создаем элемент ссылка - вида <a href=""></a> для свойства ссылка ;
даем имя класса свойству ссылка - global
присоединяем этот элемент, как дочерний к объекту element
значение ссылки href пока выставляем в пустое значение - ""
*/
element.style.display="block";

this.articleLink = document.createElement('a');
this.articleLink.className = 'global';
element.appendChild(this.articleLink);
this.articleLink.href = "";
/* по-порядку: определяем длину блока данных;
выполняем цикл, перебирая все элементы начиная от i = 0 до последнего;
создаем div для переменной currentImg;
даем свойству className значение slideElement;
выставляем атрибуты отображения: позицию absolute, left и top отступы в 0, внешние отступы margin 0;
бордюр 0, фоновая картинка из массива data для данного элемента i из вложенного массива с индексом 0;
положение фоновой картинки - по горизонтали и вертикали - центр;
*/
this.maxIter = data.length;
for (i=0 ; i < data.length ; i++ )
{
var currentImg = document.createElement('div');
currentImg.className = "slideElement";
currentImg.style.position="absolute";
currentImg.style.left="0px";
currentImg.style.top="0px";
currentImg.style.margin="0px";
currentImg.style.border="0px";
currentImg.style.backgroundImage="url('" + data[i][0] + "')";
currentImg.style.backgroundPosition="center center";

/* по-порядку: вставляем созданный блок для currentImg в блок articleLink;
выставляем полупрозрачность, используя класс fx.Opacity из библиотеки mootools;
полупрозрачность в 0;
и вставляем блок изображения в массив slideElements с индексом i;
*/
this.articleLink.appendChild(currentImg);
currentImg.currentOpacity = new fx.Opacity(currentImg, {duration: 400});
currentImg.setStyle('opacity',0);
this.slideElements[parseInt(i)] = currentImg;
}

/* по-порядку: создаем блок div для загружаемого элемента loadingElement;
даем классу стиля соответствующее имя;
добавляем созданный элемент как дочерний в объект articleLink;
для slideInfoZone - информационной области слайдера поступаем аналогично;
и еще выставляем полупрозрачность opacity в 0;

вызываем метод doSlideShow;
*/
this.loadingElement = document.createElement('div');
this.loadingElement.className = 'loadingElement';
this.articleLink.appendChild(this.loadingElement);

this.slideInfoZone = document.createElement('div');
this.slideInfoZone.className = 'slideInfoZone';
this.articleLink.appendChild(this.slideInfoZone);
this.slideInfoZone.style.opacity = 0;

this.doSlideShow();
},
/* по-порядку: метод вызываемый при уничтожении объекта класса слайд-шоу;
создаем переменную со значение имени класса-стиля (класс, который описывается в стилях css) для element;
создаем в переменной newElement блок div ;
даем ему полученное имя класса-стиля;
в родительском элементе заменяем старый элемент новым;
*/
destroySlideShow: function(element) {
var myClassName = element.className;
var newElement = document.createElement('div');
newElement.className = myClassName;
element.parentNode.replaceChild(newElement, element);
},
/* по-порядку: метод запуска слайд-шоу - ;
скрываем показ загружаемого элемента;
последний элемент получает значение максимального за вычетом единицы;
текущий - 0;
инициализация - не выполнена;
непрозрачность текущего элемента - 1;
создаем обработчик для вызова метода showInfoSlideShow при событии по таймеру и выставляем интервал в 1000 миллисекунд;
аналогичный обработчик для метода hideInfoSlideShow, но с другим интервалом - this.slideShowDelay-1000;
и для метода nextSlideShow - аналогично с указанным интервалом для this.slideShowDelay ;
*/
startSlideShow: function() {
this.loadingElement.style.display = "none";
this.lastIter = this.maxIter - 1;
this.currentIter = 0;
this.slideShowInit = 0;
this.slideElements[parseInt(this.currentIter)].setStyle('opacity', 1);
setTimeout(this.showInfoSlideShow.bind(this),1000);
setTimeout(this.hideInfoSlideShow.bind(this),this.slideShowDelay-1000);
setTimeout(this.nextSlideShow.bind(this),this.slideShowDelay);
},
/* по-порядку: метод показа следующего изображения слайд-шоу ;
последняя итерация получает значение текущей ;
текущая увеличивается на 1 ;
если текущая больше или равна максимальной, то ;
текущая в 0 ;
последняя - в максимальную за минусом 1 ;
флаг инициализации в 0 ;
привязка вызова метода doSlideShow к обработчику this
*/
nextSlideShow: function() {
this.lastIter = this.currentIter;
this.currentIter++;
if (this.currentIter >= this.maxIter)
{
this.currentIter = 0;
this.lastIter = this.maxIter - 1;
}
this.slideShowInit = 0;
this.doSlideShow.bind(this)();
},
/* по-порядку: метод выполнения слайд-шоу;
инициализировано ли слайд-шоу ?;
да - создаем объект Image ;
если изображение уже однажды предзагружено - запускаем слайд-шоу;
источник для предзагруженного изображения берем из slideShowData[0][0];

нет - если текущая итерация != 0, то выставляем событие для изменения непрозрачности onComplete на созданную функцию, внутри которой непрозрачность выставляется в 0 для предыдущего элемента;
для текущего элемента непрозрачность выставляем в диапазон изменения от 0 до 1;
если текущая итерация == 0, то непрозрачность текущего в 1, ;
непрозрачность предыдущего должна меняться от 1 до 0;
выставляем вызовы методов showInfoSlideShow, hideInfoSlideShow, nextSlideShow по событиям от таймера при заданных интервалах;
*/
doSlideShow: function() {
if (this.slideShowInit == 1)
{
imgPreloader = new Image();
imgPreloader.onload=function(){
setTimeout(this.startSlideShow.bind(this),10);
}.bind(this);
imgPreloader.src = this.slideShowData[0][0];
} else {
if (this.currentIter != 0) {
this.slideElements[parseInt(this.currentIter)].currentOpacity.options.onComplete = function() {
this.slideElements[parseInt(this.lastIter)].setStyle('opacity',0);
}.bind(this);
this.slideElements[parseInt(this.currentIter)].currentOpacity.custom(0, 1);
} else {
this.slideElements[parseInt(this.currentIter)].setStyle('opacity',1);
this.slideElements[parseInt(this.lastIter)].currentOpacity.custom(1, 0);
}
setTimeout(this.showInfoSlideShow.bind(this),1000);
setTimeout(this.hideInfoSlideShow.bind(this),this.slideShowDelay-1000);
setTimeout(this.nextSlideShow.bind(this),this.slideShowDelay);
}
},
/* по-порядку: метод показа инфо-области для слайд-шоу;
удаляем дочерний элемент;
создаем див;
создаем стиль для инфо-области на основе класса fx.Styles mootools;
непрозрачность в 0;
создаем блок h2;
вставляем в него подпись для текущего изображения слайдера в инфо-области;
и делаем полученный объект дочерним для инфо-области;
для описания создаем блок p;
и аналогично добавляем туда текст описания;
для объекта ссылки articleLink.href указываем корректную ссылку;
для инфо-области задаем имя класса стиля;
определяем нормальную высоту блока slideInfoZone;
задаем изменение непрозрачности и высоты в заданных пределах: непрозрачность от 0 до 0.7, высота от 0 до нормальной;
*/
showInfoSlideShow: function() {
this.articleLink.removeChild(this.slideInfoZone);
this.slideInfoZone = document.createElement('div');
this.slideInfoZone.styles = new fx.Styles(this.slideInfoZone);
this.slideInfoZone.setStyle('opacity',0);
var slideInfoZoneTitle = document.createElement('h2');
slideInfoZoneTitle.innerHTML = this.slideShowData[this.currentIter][2]
this.slideInfoZone.appendChild(slideInfoZoneTitle);
var slideInfoZoneDescription = document.createElement('p');
slideInfoZoneDescription.innerHTML = this.slideShowData[this.currentIter][3];
this.slideInfoZone.appendChild(slideInfoZoneDescription);
this.articleLink.appendChild(this.slideInfoZone);
this.articleLink.href = this.slideShowData[this.currentIter][1];
this.slideInfoZone.className = 'slideInfoZone';
this.slideInfoZone.normalHeight = this.slideInfoZone.getStyle('height', true).toInt();
this.slideInfoZone.styles.custom({'opacity': [0, 0.7], 'height': [0, this.slideInfoZone.normalHeight]});
},
/* метод скрытия инфо-области - просто выставляем пределы изменения непрозрачности от 0.7 до 0;
*/
hideInfoSlideShow: function() {
this.slideInfoZone.styles.custom({'opacity': [0.7, 0]});
}
};

/* функция инициализации слайд-шоу - создаем экземпляр класса timedSlideShow в переменной slideshow;
*/
function initTimedSlideShow(element, data) {
var slideshow = new timedSlideShow(element, data);
}
/* функция добавления обработчика нового события в обработчик события при загрузке страницы onLoad (window.onload);
старый обработчик запоминаем в переменной;
если тип обработчика не функция выставляем его на новую функцию func, ;
если же функция - создаем новую - включающую вызов старой и новой функций обработчика;
*/
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}
Уф, Мы с Вами проделали большую работу: я по комментированию кода слайдера, а Вы по чтению данной статьи :)))

Я надеюсь описанная информация была Вам полезной.

Чтобы не быть голословным, хочу сказать, что Вы можете приобрести готовый модуль для слайдера, который включает весь описанный функционал,
плюс функционал на php для загрузки списка изображений для слайдера из текстового файла-списка, а также небольшую cms, которая покажет
Вам пример работающего сайта с уже подключенным слайдером -
Модуль слайдера + megainformatic cms express files

Спасибо за внимание !!!

Если Вам интересны другие продукты моего сайта или Вы хотите заказать разработку какого-либо специфического решения для web или просто хотите создать сайт под ключ - обращайтесь буду рад сотрудничеству !!!

Содержимое данной страницы доступно только зарегистрированным пользователям.



Пожалуйста войдите на сайт - Вход

или пройдите процедуру регистрации - Регистрация

megainformatic live chat
Начать беседу
X
 

Оставленные комментарии



fle game engine - движок для создания игр
fle game engine - движок для создания игр


Something: Unexplained 2 captive of desires / Нечто: Необъяснимое 2 в плену желаний
Костя Коробкин Комикс Коллекционное издание - 6 комиксов, 81 страница, 220 mp3 треков
megainformatic Размещение баннерной рекламы у нас
Время загрузки: 0,1368