kondratt

Рейтинг

Регистрация

04.12.2012

Помогите разобраться c javascript`ом. Скрипт ротатор нескольких изображений

13 января 2013, 15:57

не ну я же писал что хочу такое чтоб навел пользователь курсор на изображение и изображения начали меняться. Гугл бесполезен когда не знаешь что ищешь :D или как оно называется

Помогите разобраться c javascript`ом. Скрипт ротатор нескольких изображений

13 января 2013, 15:52

так то что я хочу называется карусель?)

Помогите разобраться c javascript`ом. Скрипт ротатор нескольких изображений

13 января 2013, 14:42

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

/*!
 * jQuery Cycle Lite Plugin
 * http://malsup.com/jquery/cycle/lite/
 * Copyright (c) 2008-2012 M. Alsup
 * Version: 1.6 (02-MAY-2012)
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 * Requires: jQuery v1.3.2 or later
 */
;(function($) {
"use strict";

var ver = 'Lite-1.6';

$.fn.cycle = function(options) {
    return this.each(function() {
        options = options || {};
        
        if (this.cycleTimeout) clearTimeout(this.cycleTimeout);

        this.cycleTimeout = 0;
        this.cyclePause = 0;
        
        var $cont = $(this);
        var $slides = options.slideExpr ? $(options.slideExpr, this) : $cont.children();
        var els = $slides.get();
        if (els.length < 2) {
            if (window.console)
                console.log('terminating; too few slides: ' + els.length);
            return; // don't bother
        }

        // support metadata plugin (v1.0 and v2.0)
        var opts = $.extend({}, $.fn.cycle.defaults, options || {}, $.metadata ? $cont.metadata() : $.meta ? $cont.data() : {});
        var meta = $.isFunction($cont.data) ? $cont.data(opts.metaAttr) : null;
        if (meta)
            opts = $.extend(opts, meta);
            
        opts.before = opts.before ? [opts.before] : [];
        opts.after = opts.after ? [opts.after] : [];
        opts.after.unshift(function(){ opts.busy=0; });
            
        // allow shorthand overrides of width, height and timeout
        var cls = this.className;
        opts.width = parseInt((cls.match(/w:(\d+)/)||[])[1], 10) || opts.width;
        opts.height = parseInt((cls.match(/h:(\d+)/)||[])[1], 10) || opts.height;
        opts.timeout = parseInt((cls.match(/t:(\d+)/)||[])[1], 10) || opts.timeout;

        if ($cont.css('position') == 'static') 
            $cont.css('position', 'relative');
        if (opts.width) 
            $cont.width(opts.width);
        if (opts.height && opts.height != 'auto') 
            $cont.height(opts.height);

        var first = 0;
        $slides.css({position: 'absolute', top:0}).each(function(i) {
            $(this).css('z-index', els.length-i);
        });
        
        $(els[first]).css('opacity',1).show(); // opacity bit needed to handle reinit case
        if ($.browser.msie) els[first].style.removeAttribute('filter');

        if (opts.fit && opts.width) 
            $slides.width(opts.width);
        if (opts.fit && opts.height && opts.height != 'auto') 
            $slides.height(opts.height);
        if (opts.pause) 
            $cont.hover(function(){this.cyclePause=1;}, function(){this.cyclePause=0;});

        var txFn = $.fn.cycle.transitions[opts.fx];
        if (txFn)
            txFn($cont, $slides, opts);
        
        $slides.each(function() {
            var $el = $(this);
            this.cycleH = (opts.fit && opts.height) ? opts.height : $el.height();
            this.cycleW = (opts.fit && opts.width) ? opts.width : $el.width();
        });

        if (opts.cssFirst)
            $($slides[first]).css(opts.cssFirst);

        if (opts.timeout) {
            // ensure that timeout and speed settings are sane
            if (opts.speed.constructor == String)
                opts.speed = {slow: 600, fast: 200}[opts.speed] || 400;
            if (!opts.sync)
                opts.speed = opts.speed / 2;
            while((opts.timeout - opts.speed) < 250)
                opts.timeout += opts.speed;
        }
        opts.speedIn = opts.speed;
        opts.speedOut = opts.speed;

        opts.slideCount = els.length;
        opts.currSlide = first;
        opts.nextSlide = 1;

        // fire artificial events
        var e0 = $slides[first];
        if (opts.before.length)
            opts.before[0].apply(e0, [e0, e0, opts, true]);
        if (opts.after.length > 1)
            opts.after[1].apply(e0, [e0, e0, opts, true]);
        
        if (opts.click && !opts.next)
            opts.next = opts.click;
        if (opts.next)
            $(opts.next).unbind('click.cycle').bind('click.cycle', function(){return advance(els,opts,opts.rev?-1:1);});
        if (opts.prev)
            $(opts.prev).unbind('click.cycle').bind('click.cycle', function(){return advance(els,opts,opts.rev?1:-1);});

        if (opts.timeout)
            this.cycleTimeout = setTimeout(function() {
                go(els,opts,0,!opts.rev);
            }, opts.timeout + (opts.delay||0));
    });
};

function go(els, opts, manual, fwd) {
    if (opts.busy) 
        return;
    var p = els[0].parentNode, curr = els[opts.currSlide], next = els[opts.nextSlide];
    if (p.cycleTimeout === 0 && !manual) 
        return;

    if (manual || !p.cyclePause) {
        if (opts.before.length)
            $.each(opts.before, function(i,o) { o.apply(next, [curr, next, opts, fwd]); });
        var after = function() {
            if ($.browser.msie)
                this.style.removeAttribute('filter');
            $.each(opts.after, function(i,o) { o.apply(next, [curr, next, opts, fwd]); });
            queueNext(opts);
        };

        if (opts.nextSlide != opts.currSlide) {
            opts.busy = 1;
            $.fn.cycle.custom(curr, next, opts, after);
        }
        var roll = (opts.nextSlide + 1) == els.length;
        opts.nextSlide = roll ? 0 : opts.nextSlide+1;
        opts.currSlide = roll ? els.length-1 : opts.nextSlide-1;
    } else {
      queueNext(opts);
    }

    function queueNext(opts) {
        if (opts.timeout)
            p.cycleTimeout = setTimeout(function() { go(els,opts,0,!opts.rev); }, opts.timeout);
    }
}

// advance slide forward or back
function advance(els, opts, val) {
    var p = els[0].parentNode, timeout = p.cycleTimeout;
    if (timeout) {
        clearTimeout(timeout);
        p.cycleTimeout = 0;
    }
    opts.nextSlide = opts.currSlide + val;
    if (opts.nextSlide < 0) {
        opts.nextSlide = els.length - 1;
    }
    else if (opts.nextSlide >= els.length) {
        opts.nextSlide = 0;
    }
    go(els, opts, 1, val>=0);
    return false;
}

$.fn.cycle.custom = function(curr, next, opts, cb) {
    var $l = $(curr), $n = $(next);
    $n.css(opts.cssBefore);
    var fn = function() {$n.animate(opts.animIn, opts.speedIn, opts.easeIn, cb);};
    $l.animate(opts.animOut, opts.speedOut, opts.easeOut, function() {
        $l.css(opts.cssAfter);
        if (!opts.sync)
            fn();
    });
    if (opts.sync)
        fn();
};

$.fn.cycle.transitions = {
    fade: function($cont, $slides, opts) {
        $slides.not(':eq(0)').hide();
        opts.cssBefore = { opacity: 0, display: 'block' };
        opts.cssAfter  = { display: 'none' };
        opts.animOut = { opacity: 0 };
        opts.animIn = { opacity: 1 };
    },
    fadeout: function($cont, $slides, opts) {
        opts.before.push(function(curr,next,opts,fwd) {
            $(curr).css('zIndex',opts.slideCount + (fwd === true ? 1 : 0));
            $(next).css('zIndex',opts.slideCount + (fwd === true ? 0 : 1));
        });
        $slides.not(':eq(0)').hide();
        opts.cssBefore = { opacity: 1, display: 'block', zIndex: 1 };
        opts.cssAfter  = { display: 'none', zIndex: 0 };
        opts.animOut = { opacity: 0 };
        opts.animIn = { opacity: 1 };
    }
};

$.fn.cycle.ver = function() { return ver; };

// @see: http://malsup.com/jquery/cycle/lite/
$.fn.cycle.defaults = {
    animIn:        {},
    animOut:       {},
    fx:           'fade',
    after:         null,
    before:        null,
    cssBefore:     {},
    cssAfter:      {},
    delay:         0,
    fit:           0,
    height:       'auto',
    metaAttr:     'cycle',
    next:          null,
    pause:         false,
    prev:          null,
    speed:         1000,
    slideExpr:     null,
    sync:          true,
    timeout:       4000
};

})(jQuery);

Помогите разобраться c javascript`ом. Скрипт ротатор нескольких изображений

12 января 2013, 20:43

нет мне нужен именно такой без всяких эффектов обычная смена картинок с настройкой интервала

---------- Добавлено 13.01.2013 в 00:44 ----------

hedint:
Я бы на вашем месте вообще выкинул этот код и просто сформулировал свою задачу)
Код в приведенном примере - ужасен, начиная от неиспользования var в функциях (в итоге все переменные пойдут в глобальную область видимости), заканчивая использованием indexOf без заглушки для старых браузеров.

я не силен в javascript :(

Помогите разобраться c javascript`ом. Скрипт ротатор нескольких изображений

12 января 2013, 14:30

ау народ:(:(:(:(:(

Помогите с запросом mysql

31 декабря 2012, 03:04

KostaShah:
FLOOR(RAND() * COUNT(*) ) - возвращает случайное число, от нуля, до количества записей минус 1. То есть, к примеру, если в таблице ровно 100 записей, то эта конструкция сгенерирует случайное число от нуля до 99. Далее это число используется в качестве офсета - сдвига от начала списка записей, в запросе, который должен выдать 14 записей. Всё будет работать хорошо для тех случаев, когда случайное число попало в диапазон от 0 до 86. То есть, когда после сдвига на это число, остаётся ещё хотя бы 14 записей для показа. Если же оно превысило 86, то выдано будет меньше 14 записей. Решается эта проблема просто: нужно изначально уменьшить диапазон генерации случайного числа на 13: FLOOR(RAND() * (COUNT(*)-13))

Спасибо. я знал как эта конструкция работает просто не знал как задать рандомное число промежуток 😂

Помогите с запросом mysql

31 декабря 2012, 02:22

дани мапов:
kondratt вы мой запрос пробовали? Он рабочий, только в таблице star_option поле - id_post, а вы в первом посте указали id. Исправьте это в запросе.

Извини не не проверял щас все варианты проверю

Я бы сделал иначе. Тут нет необходимости в подзапросах, и таблицу post можно вообще не трогать, так как о наличии поста для каждой звезды свидетельствует соответствующая запись в star_option:

Код:

SELECT s.*, COUNT(so.id_post) AS cnt

FROM star s

LEFT JOIN star_option so ON s.id=so.star_id

GROUP BY s.id

Точно точно туплю чет ппц:(:(:(

---------- Добавлено 31.12.2012 в 06:34 ----------

Всем огромное спасибо взял последний вариант

---------- Добавлено 31.12.2012 в 06:49 ----------

$offset_result = mysql_query( " SELECT FLOOR(RAND() * COUNT(*)) AS `offset` FROM `table` ");

$offset_row = mysql_fetch_object( $offset_result );

$offset = $offset_row->offset;

$result = mysql_query( " SELECT * FROM `table` LIMIT $offset, 14 " );

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

Помогите с запросом mysql

30 декабря 2012, 19:48

ну щас я все объясню как у меня все работает

есть таблица star

CREATE TABLE `star` (

`id` INT( 11 ) NOT NULL AUTO_INCREMENT ,

 `star` VARCHAR( 50 ) NOT NULL ,

 `image` VARCHAR( 50 ) NOT NULL ,

PRIMARY KEY (  `id` )

) ENGINE = MYISAM DEFAULT CHARSET = utf8;

и таблица star_option

CREATE TABLE  `star_option` (

`id_post` INT( 11 ) NOT NULL AUTO_INCREMENT ,

 `star_id` INT( 11 ) NOT NULL ,

PRIMARY KEY (  `id_post` )

) ENGINE = MYISAM DEFAULT CHARSET = utf8;

и таблица post

CREATE TABLE  `post` (

`id` INT( 11 ) NOT NULL AUTO_INCREMENT ,

 `post_date` DATE NOT NULL ,

 `post_title` VARCHAR( 255 ) NOT NULL ,

 `keywords` VARCHAR( 255 ) NOT NULL ,

 `url_video` TEXT NOT NULL ,

 `image` VARCHAR( 255 ) NOT NULL ,

 `visits` INT( 11 ) NOT NULL ,

PRIMARY KEY (  `id` ) ,

KEY  `post_date` (  `post_date` )

) ENGINE = INNODB DEFAULT CHARSET = utf8;

так вот star_option служит для объединения таблиц star и post

Мне надо так что бы было так на странице star.php делается выборка записей из таблицы star (выводились все звезды что есть и кол-во связанных с ним постов) Вооот. как то так

Помогите с запросом mysql

30 декабря 2012, 16:00

не так не получается надо их объединить и сгруппировать по star id

Помогите с редиректом

5 декабря 2012, 06:44

RewriteEngine On

RewriteCond %{ENV:REDIRECT_STATUS} ^$

RewriteCond %{QUERY_STRING} ^id=(\d+)

RewriteRule ^new\.php /new/%1/? [R=301,L]

RewriteRule ^new/([^/\.]+)/?$ new.php?id=$1 [L]

Спасибо все заработало :):):)

1 2

Всего: 11

Маркетинг для шоколадной фабрики. На 34% выше средний чек

В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов

kondratt