freestuff.gr áñ÷éêÞ óåëßäá
 FAQFAQ    ÁíáæÞôçóçÁíáæÞôçóç   Ëßóôá ÌåëþíËßóôá Ìåëþí   ÏìÜäåò ÌåëþíÏìÜäåò Ìåëþí   <b>ÅããñáöÞ ÌÝëïõò</b>ÅããñáöÞ ÌÝëïõò 
 ÐñïößëÐñïößë   ÅðéëïãÝò ìÝëïõò ÅðéëïãÝò   Ôá bookmarks ìïõ Ôá bookmarks ìïõ   ÐñïóùðéêÜ ìçíýìáôáÐñïóùðéêÜ ìçíýìáôá 
  äéáöÞìéóç  

Êáëþò Þñèáôå óôï forum ìáò! Ãéá íá óõììåôÜó÷åôå óôéò óõæçôÞóåéò èá ðñÝðåé íá åßóáóôå ìÝëïò. Ãßíåôå ìÝëïò ôþñá!.
 

PHP Image scrolling


 Forum index » Äçìéïõñãßá Web Sites, Ãñáöéêþí & Ðñïãñáììáôéóìüò » PHP Ðñïãñáììáôéóìüò êáé åöáñìïãÝò » PHP Ðñïãñáììáôéóìüò
Moderators:  PHP Moderators, Super-Moderators, WebDev Moderators
ÅéóáãùãÞ íÝïõ ÈÝìáôïò   ÁðÜíôçóç óôï ÈÝìá Óåëßäá 1 áðü 1 [12 Ìçíýìáôá]      Bookmarks Tags: phpimage Mark the topic unread :: Ðñïçãïýìåíï èÝìá :: Åðüìåíï èÝìá
ÁðïóôïëÝáòÌÞíõìá
neogeo21


ÌÝëïò áðü: 08 Ìáñ 2012
Ìçíýìáôá: 20

View users profile
ÌÞíõìáÓôéò: 14 Áõã 2012 17:23    ÈÝìá: PHP Image scrolling ÁðÜíôçóç ìå ðáñÜèåóç  Mark this post and the followings unread

E÷ù åíá flash banner óôï site ìïõ áðëÜ åðåéäÞ üðùò åßíáé ãíùóôü äåí ðáéæåé óå ipad êáé iphone óõóêåõÝò èá Þèåëá íá ôï áëëÜîù óå êÜðïéá Üëëç ìïñöÞ php ç javascript ãéá íá åßíáé ëåéôïõñãéêü óå üëåò ôéò óõóêåõÝò.
Ôï ìüíï ðïõ Ý÷ù êáôáöÝñåé åßíáé íá ôï êÜíù áðëÞ åéêüíá áëëÜ ôï èÝìá åßíáé ðùò õðÜñ÷ïõí áëëÝò 4 öùôïãñáößåò êáé èá Þèåëá íá åìöáíßæïíôáé áíá 5 äåõôåñüëåðôá ð÷. ç ìßá ìåôÜ ôçí Üëëç. üðùò ãßíåôå óå áõôü ôï site. www.mysims2go.com
Ôï banner åßíáé 710x339 õðÜñ÷åé ìÝóá óå div üðùò âëÝðåôå êáé óôï êþäéêá êÜôï
áðëÜ åßíáé ìéá áðëÞ óôáôéêÞ åéêüíá. Áí ìðïñåß êÜðïéïò íá ìå âïçèÞóåé íá ôï áëëÜîù.
Åõ÷áñéóôþ ðïëý.


êþäéêáò:
<?php include('header.php'); ?>
<div id="banner">
<img src="../BCCD World/images/banner.jpg" width="710" height="339" />
</div>
    <div id="news">
       <?php include('news.php'); ?>
    </div>
    <br class="clearfloat" />
    <table cellpadding="0" cellspacing="0">
        <tr>
            <td class="column rightBorder">
                <div class="title">Solutions to Grow</div>
                <ul>
                   <li>Invest in your Ideas</li>
                   <li>Global expanding</li>
                  <li>Less is more</li>
                  <li>Increase Net Profit</li>
<li>Tax Planning</li>
                </ul>
            </td>
            <td class="column rightBorder">
                <div class="title">Coaching &amp; <br />
                Seminars</div>
                 <ul>
                   <li>Effectiveness</li>
                    <li>Creativity</li>
                    <li>Leadership</li>
                    <li>Enable Greatness</li>
                    <li>Wealth &amp; Health</li>
                </ul>
            </td>
            <td class="column rightBorder">
                <div class="title">Expand your <br />
                Business</div>
                 <ul>
                   <li>Find the right Persons</li>
                    <li>Find the right Partners</li>
                    <li>Innovation for solutions</li>
                   <li>Out of the Box</li>
                    <li>The NOW system </li>
            </ul></td>
            <td class="column">
                <div class="title">When you <br />
                need us</div>
            When you have an interesting Project, Product, Patent or Business Charisma and you need somebody to
            <ul>
              <li>Run it</li>
              <li>To invest in it</li>
              <li>To Inspire your team to expand</li>
            </ul>
            </td>
        </tr>
        <tr>
          <td class="column rightBorder">&nbsp;</td>
          <td class="column rightBorder">&nbsp;</td>
          <td class="column rightBorder">&nbsp;</td>
          <td class="column">&nbsp;</td>
        </tr>
        <tr>
          <td class="column rightBorder"><div class="more_btn"><a href="#">more</a></div></td>
          <td class="column rightBorder"><div class="more_btn"><a href="coaching.php?page=Coaching and Seminars">more</a></div></td>
          <td class="column rightBorder"><div class="more_btn"><a href="#">more</a></div></td>
          <td class="column"><div class="more_btn"><a href="whyus.php?page=Why us" target="_self">more</a></div></td>
        </tr>
    </table>
<?php include('footer.php'); ?>
gvre


ÌÝëïò áðü: 14 Ïêô 2010
Ìçíýìáôá: 256+
Ðåñéï÷Þ: ÇñÜêëåéï ÊñÞôçò
View users profile Visit posters website
ÌÞíõìáÓôéò: 14 Áõã 2012 18:53    ÈÝìá: ÁðÜíôçóç ìå ðáñÜèåóç  Mark this post and the followings unread

Ôá ðáñáêÜôù êáé ü÷é ìüíï êÜíïõí áõôü ðïõ ÷ñåéÜæåóáé.

http://bxslider.com/
http://nivo.dev7studios.com/

_________________
Web Design - ÊáôáóêåõÞ Éóôïóåëßäùí - Web Development - ÅðáããåëìáôéêÝò ÊÜñôåò - Ó÷åäéáóìüò Åíôýðïõ
êñçôéêá ðñïéïíôá | ÷õìïé
neogeo21


ÌÝëïò áðü: 08 Ìáñ 2012
Ìçíýìáôá: 20

View users profile
ÌÞíõìáÓôéò: 14 Áõã 2012 19:07    ÈÝìá: ÁðÜíôçóç ìå ðáñÜèåóç  Mark this post and the followings unread

ôï èÝìá åßíáé ðùò ç óåëßäá ìïõ åßíáé óå php êáé ü÷é óå html.
áí Þôáí html èá ãéíüôáí áõôü ðïõ ëåò áëëÜ óå php ðïõ èá ôïðïèåôÞóù ôï script ãéá íá ëåéôïõñãßóåé ôï slider???
gvre


ÌÝëïò áðü: 14 Ïêô 2010
Ìçíýìáôá: 256+
Ðåñéï÷Þ: ÇñÜêëåéï ÊñÞôçò
View users profile Visit posters website
ÌÞíõìáÓôéò: 14 Áõã 2012 21:05    ÈÝìá: ÁðÜíôçóç ìå ðáñÜèåóç  Mark this post and the followings unread

Ìå php èá ôõðþóåéò ôçí html ðïõ ÷ñåéÜæåôáé ãéá íá ëåéôïõñãÞóåé.

_________________
Web Design - ÊáôáóêåõÞ Éóôïóåëßäùí - Web Development - ÅðáããåëìáôéêÝò ÊÜñôåò - Ó÷åäéáóìüò Åíôýðïõ
êñçôéêá ðñïéïíôá | ÷õìïé
neogeo21


ÌÝëïò áðü: 08 Ìáñ 2012
Ìçíýìáôá: 20

View users profile
ÌÞíõìáÓôéò: 15 Áõã 2012 02:16    ÈÝìá: ÁðÜíôçóç ìå ðáñÜèåóç  Mark this post and the followings unread

äçë èá öôéÜîù ôçí óåëßäá êáíïíéêÜ óáí html ôçí êÜíù save php êáé èá ôçí öïñôþíåé üðùò êÜíåé êáé ìå ôï header???
êþäéêáò:
<?php include('header.php'); ?>

ãéáôß óôç óåëßäá üðùò âëÝðåéò ôï header êáé ôï footer ôá öïñôþíåé óáí åîùôåñéêÜ php
åíþ ôï banner åßíáé ìÝóá óå div.
Moõ öáßíåôå êÜðùò ìðåñäåìÝíï üëï áõôü. äåí õðÜñ÷åé êÜðïéïò Üëëïò ôñüðïò ìå êÜðïéï áðëü script íá ãßíåé ç äïõëåéÜ. äåí èÝëù ôðô ôñåëÜ ðñáãìáôá åöÝ êëð êëð áðëÜ íá áëëÜæïõí 5 öùôïãñáößåò áíá êÜèå 5 ç 10 äåõôåñá. ãéá íá öáíôáóôåßò óêåõôïìïõí íá ôï êÜíù ìå animated gif áëëÜ åêåß äåí åßíáé ðïëý åñáóéôå÷íéêü êáé ÷Üíåé óå ðïéüôçôá[/code]
korgr
Honorary Member

ÌÝëïò áðü: 07 Ïêô 2008
ÂïçèÞìáôá: 5
Scripts: 2
Ìçíýìáôá: 256+

Ðåñéï÷Þ: Corinth
View users profile
portfolio skype 
ÌÞíõìáÓôéò: 15 Áõã 2012 02:42    ÈÝìá: ÁðÜíôçóç ìå ðáñÜèåóç  Mark this post and the followings unread

Ößëå ìïõ ôï ðñüâëçìÜ óïõ äåí åßíáé áõôü ðïõ èåò íá öôéÜîåéò, áëëÜ ôï íá êáôáíïÞóåéò ôçí äéáöïñÜ server side êáé client side.
Óôï ðñþôï áíÞêïõí ç php êáé ç mySQL. ÁõôÜ åêôåëïýíôáé óôïí server êáé ôï áðïôÝëåóìá ðïõ ðñïêýðôåé (óõíÞèùò HTML) óåñâßñåôáé óôïí õðïëïãéóôÞ ôïõ ÷ñÞóôç.
Óôï äåýôåñï áíÞêïõí ç HTML, ç CSS êáé ç Javascript. AõôÜ áñ÷ßæïõí êáé åêôåëïýíôáé áöïý öôÜóïõí óôïí õðïëïãéóôÞ ôïõ ÷ñÞóôç (ðåëÜôçò, åî ïõ êáé client side).

Óôï èÝìá óïõ.
Óå üðïéï óçìåßï èåò íá åìöáíéóôåß ï image slider, óôï áñ÷åßï php (åßôå êýñéï áñ÷åßï, åßôå êÜðïéï include), ìðïñåßò íá êüâåéò ôçí ñïÞ ôçò php ìå

?>

íá âÜæåéò HTML, Javascript, CSS êëð, êáé ìåôÜ íá îáíÜ áíïßãåéò ôçí php ìå

<?php

êáé íá óõíå÷éóôåß ï php êþäéêáò.

¼ðïõ êáôåâÜóåéò ôïí slider ðïõ èåò, èá Ý÷åé áíáëõôéêÝò ïäçãßåò ãéá ôï óå ðïéá ôìÞìáôá ôïõ êþäéêá ðñÝðåé íá âÜëåéò ôé!
¼ôáí óïõ ëÝåé óôï <head>, âñåò óå ðïéï php âñßóêåôáé ôï äéêü óïõ <head> êáé ìå ôïí ôñüðï ðïõ óïõ åîÞãçóá, âÜëå ôïí êþäéêá...

_________________
Projects: www.topgr.gr | www.ktizo.gr | Odyssey CMS | ÏéêïíïìéêÞ äéá÷åßñéóç åóüäùí-åîüäùí
jpk


ÌÝëïò áðü: 09 Ìáñ 2011
Ìçíýìáôá: 256+

View users profile
ÌÞíõìáÓôéò: 15 Áõã 2012 12:55    ÈÝìá: ÁðÜíôçóç ìå ðáñÜèåóç  Mark this post and the followings unread

Ãéá íá ìçí ìðåñäåõüìáóôå , ç åñþôçóÞ óïõ äåí Ý÷åé ôßðïôá íá êÜíåé ìå PHP , åëðßæù ôçí öñÜóç ðïõ åßðåò «ôï èÝìá åßíáé ðùò ç óåëßäá ìïõ åßíáé óå php êáé ü÷é óå html.» íá ôçí èõìÜóáé óå ëßãï êáéñü êáé íá ãåëÜò…. Åãþ óßãïõñá èá ôçí èõìÜìáé êáé èá ôçí ÷ñçóéìïðïéÞóù… ØÜîïõ ëßãï ìå jQuery êáé ôï nivo üðùò åéðþèçêå åßíáé áñêåôÜ êáëü … http://nivo.dev7studios.com/
neogeo21


ÌÝëïò áðü: 08 Ìáñ 2012
Ìçíýìáôá: 20

View users profile
ÌÞíõìáÓôéò: 15 Áõã 2012 18:53    ÈÝìá: ÁðÜíôçóç ìå ðáñÜèåóç  Mark this post and the followings unread

ôï Ýöôéáîá ôåëéêÜ ìå ðïëý êáëü áðïôÝëåóìá. âñÞêá êáé áíáëõôéêü âïçèçìá ìÝóá óôï forum.
http://www.freestuff.gr/forums/viewtopic.php?t=53367

Ôï ìüíï èÝìá ðëÝïí åßíáé üôé ï ÷ñüíïò ðïõ áëëÜæïõí ïé öùôïãñáößåò åßíáé áñêåôÜ ãñÞãïñïò êáé äåí áëëÜæåé üðùò ìáò ãñÜöåé ï ößëïò óôï âïçèçìá ôïõ. ÁëëÜæù ôï pausetime ôï áõîÜíù ôï ìåéþíï áëëÜ ôðô êáìßá áëëáãÞ óôï banner. Ï ÷ñüíïò ðáñáìÝíåé ôï ßäéï. Tùñá ç åãþ êÜíù êÜôé ëÜèïò ç õðÜñ÷åé êÜðïéï èÝìá ìå ôï script êáé äåí ëåéôïõñãåß óùóôÜ. Åäþ åßíáé êáé ï êþäéêáò ôïõ jQuery
êþäéêáò:
/*
 * jQuery Nivo Slider v2.3
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 *
 * May 2010 - Pick random effect from specified set of effects by toronegro
 * May 2010 - controlNavThumbsFromRel option added by nerd-sh
 * May 2010 - Do not start nivoRun timer if there is only 1 slide by msielski
 * April 2010 - controlNavThumbs option added by Jamie Thompson (http://jamiethompson.co.uk)
 * March 2010 - manualAdvance option added by HelloPablo (http://hellopablo.co.uk)
 */

(function($) {

    var NivoSlider = function(element, options){
      //Defaults are below
      var settings = $.extend({}, $.fn.nivoSlider.defaults, options);

        //Useful variables. Play carefully.
        var vars = {
            currentSlide: 0,
            currentImage: '',
            totalSlides: 0,
            randAnim: '',
            running: false,
            paused: false,
            stop:false
        };
   
        //Get this slider
        var slider = $(element);
        slider.data('nivo:vars', vars);
        slider.css('position','relative');
        slider.addClass('nivoSlider');
       
        //Find our slider children
        var kids = slider.children();
        kids.each(function() {
            var child = $(this);
            var link = '';
            if(!child.is('img')){
                if(child.is('a')){
                    child.addClass('nivo-imageLink');
                    link = child;
                }
                child = child.find('img:first');
            }
            //Get img width & height
            var childWidth = child.width();
            if(childWidth == 0) childWidth = child.attr('width');
            var childHeight = child.height();
            if(childHeight == 0) childHeight = child.attr('height');
            //Resize the slider
            if(childWidth > slider.width()){
                slider.width(childWidth);
            }
            if(childHeight > slider.height()){
                slider.height(childHeight);
            }
            if(link != ''){
                link.css('display','none');
            }
            child.css('display','none');
            vars.totalSlides++;
        });
       
        //Set startSlide
        if(settings.startSlide > 0){
            if(settings.startSlide >= vars.totalSlides) settings.startSlide = vars.totalSlides - 1;
            vars.currentSlide = settings.startSlide;
        }
       
        //Get initial image
        if($(kids[vars.currentSlide]).is('img')){
            vars.currentImage = $(kids[vars.currentSlide]);
        } else {
            vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
        }
       
        //Show initial link
        if($(kids[vars.currentSlide]).is('a')){
            $(kids[vars.currentSlide]).css('display','block');
        }
       
        //Set first background
        slider.css('background','url('+ vars.currentImage.attr('src') +') no-repeat');
       
        //Add initial slices
        for(var i = 0; i < settings.slices; i++){
            var sliceWidth = Math.round(slider.width()/settings.slices);
            if(i == settings.slices-1){
                slider.append(
                    $('<div class="nivo-slice"></div>').css({ left:(sliceWidth*i)+'px', width:(slider.width()-(sliceWidth*i))+'px' })
                );
            } else {
                slider.append(
                    $('<div class="nivo-slice"></div>').css({ left:(sliceWidth*i)+'px', width:sliceWidth+'px' })
                );
            }
        }
       
        //Create caption
        slider.append(
            $('<div class="nivo-caption"><p></p></div>').css({ display:'none', opacity:settings.captionOpacity })
        );         
        //Process initial  caption
        if(vars.currentImage.attr('title') != ''){
            var title = vars.currentImage.attr('title');
            if(title.substr(0,1) == '#') title = $(title).html();
            $('.nivo-caption p', slider).html(title);               
            $('.nivo-caption', slider).fadeIn(settings.animSpeed);
        }
       
        //In the words of Super Mario "let's a go!"
        var timer = 0;
        if(!settings.manualAdvance && kids.length > 1){
            timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
        }

        //Add Direction nav
        if(settings.directionNav){
            slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav">Prev</a><a class="nivo-nextNav">Next</a></div>');
           
            //Hide Direction nav
            if(settings.directionNavHide){
                $('.nivo-directionNav', slider).hide();
                slider.hover(function(){
                    $('.nivo-directionNav', slider).show();
                }, function(){
                    $('.nivo-directionNav', slider).hide();
                });
            }
           
            $('a.nivo-prevNav', slider).live('click', function(){
                if(vars.running) return false;
                clearInterval(timer);
                timer = '';
                vars.currentSlide-=2;
                nivoRun(slider, kids, settings, 'prev');
            });
           
            $('a.nivo-nextNav', slider).live('click', function(){
                if(vars.running) return false;
                clearInterval(timer);
                timer = '';
                nivoRun(slider, kids, settings, 'next');
            });
        }
       
        //Add Control nav
        if(settings.controlNav){
            var nivoControl = $('<div class="nivo-controlNav"></div>');
            slider.append(nivoControl);
            for(var i = 0; i < kids.length; i++){
                if(settings.controlNavThumbs){
                    var child = kids.eq(i);
                    if(!child.is('img')){
                        child = child.find('img:first');
                    }
                    if (settings.controlNavThumbsFromRel) {
                        nivoControl.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('rel') + '" alt="" /></a>');
                    } else {
                        nivoControl.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('src').replace(settings.controlNavThumbsSearch, settings.controlNavThumbsReplace) +'" alt="" /></a>');
                    }
                } else {
                    nivoControl.append('<a class="nivo-control" rel="'+ i +'">'+ (i + 1) +'</a>');
                }
               
            }
            //Set initial active link
            $('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass('active');
           
            $('.nivo-controlNav a', slider).live('click', function(){
                if(vars.running) return false;
                if($(this).hasClass('active')) return false;
                clearInterval(timer);
                timer = '';
                slider.css('background','url('+ vars.currentImage.attr('src') +') no-repeat');
                vars.currentSlide = $(this).attr('rel') - 1;
                nivoRun(slider, kids, settings, 'control');
            });
        }
       
        //Keyboard Navigation
        if(settings.keyboardNav){
            $(window).keypress(function(event){
                //Left
                if(event.keyCode == '37'){
                    if(vars.running) return false;
                    clearInterval(timer);
                    timer = '';
                    vars.currentSlide-=2;
                    nivoRun(slider, kids, settings, 'prev');
                }
                //Right
                if(event.keyCode == '39'){
                    if(vars.running) return false;
                    clearInterval(timer);
                    timer = '';
                    nivoRun(slider, kids, settings, 'next');
                }
            });
        }
       
        //For pauseOnHover setting
        if(settings.pauseOnHover){
            slider.hover(function(){
                vars.paused = true;
                clearInterval(timer);
                timer = '';
            }, function(){
                vars.paused = false;
                //Restart the timer
                if(timer == '' && !settings.manualAdvance){
                    timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
                }
            });
        }
       
        //Event when Animation finishes
        slider.bind('nivo:animFinished', function(){
            vars.running = false;
            //Hide child links
            $(kids).each(function(){
                if($(this).is('a')){
                    $(this).css('display','none');
                }
            });
            //Show current link
            if($(kids[vars.currentSlide]).is('a')){
                $(kids[vars.currentSlide]).css('display','block');
            }
            //Restart the timer
            if(timer == '' && !vars.paused && !settings.manualAdvance){
                timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
            }
            //Trigger the afterChange callback
            settings.afterChange.call(this);
        });

        // Private run method
      var nivoRun = function(slider, kids, settings, nudge){
         //Get our vars
         var vars = slider.data('nivo:vars');
           
            //Trigger the lastSlide callback
            if(vars && (vars.currentSlide == vars.totalSlides - 1)){
            settings.lastSlide.call(this);
         }
           
            // Stop
         if((!vars || vars.stop) && !nudge) return false;
         
         //Trigger the beforeChange callback
         settings.beforeChange.call(this);
               
         //Set current background before change
         if(!nudge){
            slider.css('background','url('+ vars.currentImage.attr('src') +') no-repeat');
         } else {
            if(nudge == 'prev'){
               slider.css('background','url('+ vars.currentImage.attr('src') +') no-repeat');
            }
            if(nudge == 'next'){
               slider.css('background','url('+ vars.currentImage.attr('src') +') no-repeat');
            }
         }
         vars.currentSlide++;
            //Trigger the slideshowEnd callback
         if(vars.currentSlide == vars.totalSlides){
            vars.currentSlide = 0;
            settings.slideshowEnd.call(this);
         }
         if(vars.currentSlide < 0) vars.currentSlide = (vars.totalSlides - 1);
         //Set vars.currentImage
         if($(kids[vars.currentSlide]).is('img')){
            vars.currentImage = $(kids[vars.currentSlide]);
         } else {
            vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
         }
         
         //Set acitve links
         if(settings.controlNav){
            $('.nivo-controlNav a', slider).removeClass('active');
            $('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass('active');
         }
         
         //Process caption
         if(vars.currentImage.attr('title') != ''){
                var title = vars.currentImage.attr('title');
                if(title.substr(0,1) == '#') title = $(title).html();   
                   
            if($('.nivo-caption', slider).css('display') == 'block'){
               $('.nivo-caption p', slider).fadeOut(settings.animSpeed, function(){
                  $(this).html(title);
                  $(this).fadeIn(settings.animSpeed);
               });
            } else {
               $('.nivo-caption p', slider).html(title);
            }               
            $('.nivo-caption', slider).fadeIn(settings.animSpeed);
         } else {
            $('.nivo-caption', slider).fadeOut(settings.animSpeed);
         }
         
         //Set new slice backgrounds
         var  i = 0;
         $('.nivo-slice', slider).each(function(){
            var sliceWidth = Math.round(slider.width()/settings.slices);
            $(this).css({ height:'0px', opacity:'0',
               background: 'url('+ vars.currentImage.attr('src') +') no-repeat -'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px 0%' });
            i++;
         });
         
         if(settings.effect == 'random'){
            var anims = new Array("sliceDownRight","sliceDownLeft","sliceUpRight","sliceUpLeft","sliceUpDown","sliceUpDownLeft","fold","fade");
            vars.randAnim = anims[Math.floor(Math.random()*(anims.length + 1))];
            if(vars.randAnim == undefined) vars.randAnim = 'fade';
         }
           
            //Run random effect from specified set (eg: effect:'fold,fade')
            if(settings.effect.indexOf(',') != -1){
                var anims = settings.effect.split(',');
                vars.randAnim = $.trim(anims[Math.floor(Math.random()*anims.length)]);
            }
      
         //Run effects
         vars.running = true;
         if(settings.effect == 'sliceDown' || settings.effect == 'sliceDownRight' || vars.randAnim == 'sliceDownRight' ||
            settings.effect == 'sliceDownLeft' || vars.randAnim == 'sliceDownLeft'){
            var timeBuff = 0;
            var i = 0;
            var slices = $('.nivo-slice', slider);
            if(settings.effect == 'sliceDownLeft' || vars.randAnim == 'sliceDownLeft') slices = $('.nivo-slice', slider)._reverse();
            slices.each(function(){
               var slice = $(this);
               slice.css('top','0px');
               if(i == settings.slices-1){
                  setTimeout(function(){
                     slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
                  }, (100 + timeBuff));
               } else {
                  setTimeout(function(){
                     slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);
                  }, (100 + timeBuff));
               }
               timeBuff += 50;
               i++;
            });
         }
         else if(settings.effect == 'sliceUp' || settings.effect == 'sliceUpRight' || vars.randAnim == 'sliceUpRight' ||
               settings.effect == 'sliceUpLeft' || vars.randAnim == 'sliceUpLeft'){
            var timeBuff = 0;
            var i = 0;
            var slices = $('.nivo-slice', slider);
            if(settings.effect == 'sliceUpLeft' || vars.randAnim == 'sliceUpLeft') slices = $('.nivo-slice', slider)._reverse();
            slices.each(function(){
               var slice = $(this);
               slice.css('bottom','0px');
               if(i == settings.slices-1){
                  setTimeout(function(){
                     slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
                  }, (100 + timeBuff));
               } else {
                  setTimeout(function(){
                     slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);
                  }, (100 + timeBuff));
               }
               timeBuff += 50;
               i++;
            });
         }
         else if(settings.effect == 'sliceUpDown' || settings.effect == 'sliceUpDownRight' || vars.randAnim == 'sliceUpDown' ||
               settings.effect == 'sliceUpDownLeft' || vars.randAnim == 'sliceUpDownLeft'){
            var timeBuff = 0;
            var i = 0;
            var v = 0;
            var slices = $('.nivo-slice', slider);
            if(settings.effect == 'sliceUpDownLeft' || vars.randAnim == 'sliceUpDownLeft') slices = $('.nivo-slice', slider)._reverse();
            slices.each(function(){
               var slice = $(this);
               if(i == 0){
                  slice.css('top','0px');
                  i++;
               } else {
                  slice.css('bottom','0px');
                  i = 0;
               }
               
               if(v == settings.slices-1){
                  setTimeout(function(){
                     slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
                  }, (100 + timeBuff));
               } else {
                  setTimeout(function(){
                     slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);
                  }, (100 + timeBuff));
               }
               timeBuff += 50;
               v++;
            });
         }
         else if(settings.effect == 'fold' || vars.randAnim == 'fold'){
            var timeBuff = 0;
            var i = 0;
            $('.nivo-slice', slider).each(function(){
               var slice = $(this);
               var origWidth = slice.width();
               slice.css({ top:'0px', height:'100%', width:'0px' });
               if(i == settings.slices-1){
                  setTimeout(function(){
                     slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
                  }, (100 + timeBuff));
               } else {
                  setTimeout(function(){
                     slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed);
                  }, (100 + timeBuff));
               }
               timeBuff += 50;
               i++;
            });
         } 
         else if(settings.effect == 'fade' || vars.randAnim == 'fade'){
            var i = 0;
            $('.nivo-slice', slider).each(function(){
               $(this).css('height','100%');
               if(i == settings.slices-1){
                  $(this).animate({ opacity:'1.0' }, (settings.animSpeed*2), '', function(){ slider.trigger('nivo:animFinished'); });
               } else {
                  $(this).animate({ opacity:'1.0' }, (settings.animSpeed*2));
               }
               i++;
            });
         }
      }
       
        // For debugging
        var trace = function(msg){
            if (this.console && typeof console.log != "undefined")
                console.log(msg);
        }
       
        // Start / Stop
        this.stop = function(){
            if(!$(element).data('nivo:vars').stop){
                $(element).data('nivo:vars').stop = true;
                trace('Stop Slider');
            }
        }
       
        this.start = function(){
            if($(element).data('nivo:vars').stop){
                $(element).data('nivo:vars').stop = false;
                trace('Start Slider');
            }
        }
       
        //Trigger the afterLoad callback
        settings.afterLoad.call(this);
    };
       
    $.fn.nivoSlider = function(options) {
   
        return this.each(function(){
            var element = $(this);
            // Return early if this element already has a plugin instance
            if (element.data('nivoslider')) return;
            // Pass options to plugin constructor
            var nivoslider = new NivoSlider(this, options);
            // Store plugin object in this element's data
            element.data('nivoslider', nivoslider);
        });

   };
   
   //Default settings
   $.fn.nivoSlider.defaults = {
      effect:'random',
      slices:15,
      animSpeed:500,
      pauseTime:5000,
      startSlide:0,
      directionNav:true,
      directionNavHide:true,
      controlNav:true,
      controlNavThumbs:false,
        controlNavThumbsFromRel:false,
      controlNavThumbsSearch:'.jpg',
      controlNavThumbsReplace:'_thumb.jpg',
      keyboardNav:true,
      pauseOnHover:true,
      manualAdvance:false,
      captionOpacity:0.8,
      beforeChange: function(){},
      afterChange: function(){},
      slideshowEnd: function(){},
        lastSlide: function(){},
        afterLoad: function(){}
   };
   
   $.fn._reverse = [].reverse;
   
})(jQuery);
neogeo21


ÌÝëïò áðü: 08 Ìáñ 2012
Ìçíýìáôá: 20

View users profile
ÌÞíõìáÓôéò: 15 Áõã 2012 18:54    ÈÝìá: ÁðÜíôçóç ìå ðáñÜèåóç  Mark this post and the followings unread

gvre


ÌÝëïò áðü: 14 Ïêô 2010
Ìçíýìáôá: 256+
Ðåñéï÷Þ: ÇñÜêëåéï ÊñÞôçò
View users profile Visit posters website
ÌÞíõìáÓôéò: 15 Áõã 2012 19:54    ÈÝìá: ÁðÜíôçóç ìå ðáñÜèåóç  Mark this post and the followings unread

Ãéá íá áëëÜæïõí ð÷ êÜèå 5" ïé åéêüíåò, èá ðñÝðåé íá ðåñÜóåéò ôï ðáñáêÜôù option üôáí êáëåßò ôï script.
êþäéêáò:
$('#slider').nivoSlider({ pauseTime: 5000 });

Ðåñéóóüôåñá ìðïñåßò íá âñåéò óôéò ïäçãßåò ÷ñÞóçò ôïõ plugin, óôç äéåýèõíóç http://nivo.dev7studios.com/support/jquery-plugin-usage/

_________________
Web Design - ÊáôáóêåõÞ Éóôïóåëßäùí - Web Development - ÅðáããåëìáôéêÝò ÊÜñôåò - Ó÷åäéáóìüò Åíôýðïõ
êñçôéêá ðñïéïíôá | ÷õìïé
neogeo21


ÌÝëïò áðü: 08 Ìáñ 2012
Ìçíýìáôá: 20

View users profile
ÌÞíõìáÓôéò: 15 Áõã 2012 21:12    ÈÝìá: ÁðÜíôçóç ìå ðáñÜèåóç  Mark this post and the followings unread

Óåõ÷áñéóôþ ðïëý. Ôï Ýêáíá êáé ëåéôïõñãåß.
Áí êáé ðåñßåñão ãéáôß áðüôé êáé åßäá áðï ôï âïÞèçìá äåí ãñÜöåé ãéá êÜôé ôÝôïéï. Óïõ ëÝåé üôé ôéò ñõèìßóåéò ôéò êÜíåéò áðü ôï jQuery.
Ná ñùôÞóù êáé êÜôé Üëëï ìðïñåßò íá êÜíåéò áëëáãÝò óôïõò ÷ñüíïõò ð÷. ç ðñþôç åéêüíá íá ðáñáìÝíåé 5 sec. ç äåõôåñç 10 ç ôñßôç 15 êëð êëð.???
ç Ý÷åé ìéá ñýèìéóç ãéá üëåò ôéò åéêüíåò...
gvre


ÌÝëïò áðü: 14 Ïêô 2010
Ìçíýìáôá: 256+
Ðåñéï÷Þ: ÇñÜêëåéï ÊñÞôçò
View users profile Visit posters website
ÌÞíõìáÓôéò: 15 Áõã 2012 21:34    ÈÝìá: ÁðÜíôçóç ìå ðáñÜèåóç  Mark this post and the followings unread

Áðü ôï âïÞèçìá:
The Nivo Slider has plenty of options to fiddle with. Below is an example of the code with all available options and their defaults:
êþäéêáò:
<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider({
        effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
        slices: 15, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed: 500, // Slide transition speed
        pauseTime: 3000, // How long each slide will show
        startSlide: 0, // Set starting Slide (0 index)
        directionNav: true, // Next & Prev navigation
        directionNavHide: true, // Only show on hover
        controlNav: true, // 1,2,3... navigation
        controlNavThumbs: false, // Use thumbnails for Control Nav
        pauseOnHover: true, // Stop animation while hovering
        manualAdvance: false, // Force manual transitions
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        randomStart: false, // Start on a random slide
        beforeChange: function(){}, // Triggers before a slide transition
        afterChange: function(){}, // Triggers after a slide transition
        slideshowEnd: function(){}, // Triggers after all slides have been shown
        lastSlide: function(){}, // Triggers when last slide is shown
        afterLoad: function(){} // Triggers when slider has loaded
    });
});
</script>

Äåí îÝñù áí ôï nivo õðïóôçñßæåé êÜôé ôÝôïéï. Äå ìïõ Ý÷åé ÷ñåéáóôåß ðïôÝ êáé äåí ôï Ý÷ù øÜîåé.

_________________
Web Design - ÊáôáóêåõÞ Éóôïóåëßäùí - Web Development - ÅðáããåëìáôéêÝò ÊÜñôåò - Ó÷åäéáóìüò Åíôýðïõ
êñçôéêá ðñïéïíôá | ÷õìïé
ÅìöÜíéóç ÌçíõìÜôùí:   
ÅéóáãùãÞ íÝïõ ÈÝìáôïò   ÁðÜíôçóç óôï ÈÝìá Óåëßäá 1 áðü 1 [12 Ìçíýìáôá] Mark the topic unread :: Ðñïçãïýìåíï èÝìá :: Åðüìåíï èÝìá
 Forum index » Äçìéïõñãßá Web Sites, Ãñáöéêþí & Ðñïãñáììáôéóìüò » PHP Ðñïãñáììáôéóìüò êáé åöáñìïãÝò » PHP Ðñïãñáììáôéóìüò


Ó÷åôéêÜ èÝìáôá
 ÈÝìáôá   Áð/óåéò   ÁðïóôïëÝáò   Ôåëåõôáßï ìÞíõìá 
PHP... vlookup, if, êëð... 0 NikosJC 18 Ìáç 2013 19:02
NikosJC ÅìöÜíéóç ôåëåõôáßïõ ìçíýìáôïò
html php $_POST 2 form 10 mixaverros88 18 Ìáç 2013 01:47
geomagas ÅìöÜíéóç ôåëåõôáßïõ ìçíýìáôïò
Ðåäßï ÐïëëáðëÞò ÅðéëïãÞò ìå Mysql êáé Php 2 aigokairos 12 Ìáç 2013 02:31
geomagas ÅìöÜíéóç ôåëåõôáßïõ ìçíýìáôïò
Facebook login áðü PHP 10 steve62742 22 Áðñ 2013 15:32
steve62742 ÅìöÜíéóç ôåëåõôáßïõ ìçíýìáôïò
Âéâëßï ãéá PHP 0 Arkas12 15 Áðñ 2013 19:44
Arkas12 ÅìöÜíéóç ôåëåõôáßïõ ìçíýìáôïò
 
Ôþñá åßíáé 20 Ìáç 2013 09:16 | All times are UTC + 3 (DST in action)


Email This Page to Someone! add to Favorites

     Powered by p h p B B © 2001,2005 p h p B B Group
Ãéá Üìåóç åðéêïéíùíßá ìå ôïí äéá÷åéñéóôÞ ôïõ freestuff.gr óôï email: freestuff.gr(ðáðÜêé)gmail.com


êáêü ìÜôé
Copyright © 1999-2013 Freestuff.gr All Rights Reserved  
Version Aegean, designed by N. Tsaganos