Webboard

Pełna wersja: Slider z innego stylu
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB:1.8
adres forum: lmteam.pl
na czym polega problem (screen, opis, komunikaty):

Witam, otóż mam problem, chciałbym umieścić na aktualnym stylu na moim forum slider z innego stylu. Z góry piszę że zapoznałem się z wszystkimi tematami nt sliderów na tym forum.


Może opisze co i jak:
Ze stylu Wojna_theme_by_seiks-theme z waszego forum, chciałem "pożyczyć" slider na swój aktualny styl. Skopiowałem kod HTML całego slidera, wkleiłem to swojego header'a skopiowałem js, wkleiłem do folderów z js, umieściłem skrypt js w headerinclude zrobiłem nowy plik css w w moim stylu, przekopiowałem całą jego zawartość, wgrałem folder z obrazkami do swojego stylu, zmieniłem ścieżke do grafiki w kodzie html slidera. Pomimo wszystkich tych czynności, slider sie wykraczył i nie chce działać jak powinien, dodam że na tamtym stylu działa, bo styl instalowałem.

Inne:
To co wkleiłem do headerinclude:
http://wklej.org/id/1656857/txt/
To co wkleiłem do header'a:
http://wklej.org/id/1656859/txt/
Kod css:
http://wklej.org/id/1656862/


Wydaje mi się że wina leży po stronie css, bo tak jakby nie chce łapac innych rzeczy jak samo #slider
http://prntscr.com/6dwzgw
Tak jakby nie czyta całej reszty css'a ;c

Moze coś zrobiłem źle nie wiem ;c
W 1.8 nie trzeba używać noConflict()

http://youtu.be/XJKXlxn9e-g?t=30m32s
Ja nie chce robić nowego slidera, tylko użyć tamtego ; (
Wydaje mi się, że nie ma odnośników do plików slidera, chyba, że przeoczyłem.
Z tego co udało mi się zaobserwować, po skopiowaniu całej zawartości headerinclude'a z szablonu w którym ten slider działa poprawnie, slider na moim stylu zaczął działać, lecz jednak jego elementy zmieniły lekko miejsce. Więc wydaja mi się że nie mam czegoś w headerinclude'rze w stylu w którym chce ten slider dodać.
Wulfgorim napisał(a):Z tego co udało mi się zaobserwować, po skopiowaniu całej zawartości headerinclude'a z szablonu w którym ten slider działa poprawnie, slider na moim stylu zaczął działać, lecz jednak jego elementy zmieniły lekko miejsce. Więc wydaja mi się że nie mam czegoś w headerinclude'rze w stylu w którym chce ten slider dodać.
Właśnie o tym napisałem w poprzednim poście, możliwe, że nie ma odnośników w <script> do plików slidera.
Po metodzie prób i błędów doszedłem iż:
Slider działa na moim stylu, gdy do mojego stylu dogram spkrypty:
Kod:
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/wojna/js/jquery.min.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/wojna/js/jflow.plus.min.js"></script>

Lecz aby to działało, musze usunąć ze swojego stylu:
http://prntscr.com/6ef9qv
i
http://prntscr.com/6efa72

Lecz gdy to usune, slider działa ale psuje mi się sidebar w sensie:
http://prntscr.com/6efaqp opcja do rozwijania prawego menu
Poprawnie wygląda tak:
http://prntscr.com/6efbbz


Jakieś pomysły? : (
Już opisuję dlaczego się tak dzieje:

Gdy usuniesz to co dałeś na screenie (szczególnie początkowe linijki definiujące jQuery, co MUSISZ zrobić) to nie będziesz miał wcale zdefiniowanej.
Dodając skrypt, który podałeś w poprzednim poście definiujesz kolejną bibliotekę. Użyj jednej, która wszystko obejmie.
Mimo wszystko maksymalnie można używać jednej.
Z całym szacunkiem do twojej osoby, ale niestety nie znam sie na tym na tyle aby sobie sam z tym poradzić.
http://wklej.org/id/1658503/
Tutaj kod mojego headerinclude'ra jeśli byś mógł zobaczyć i ewentualnie pokazać co gdzie i jak mam wkleić byłbym niezmiernie wdzięczny.

:)


Kod slidera:
Kod:
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/wojna/js/jquery.min.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/wojna/js/jflow.plus.min.js"></script>
<script type="text/javascript">
$.noConflict();

    jQuery(document).ready(function(){

        jQuery("#myController").jFlow({

            controller: ".jFlowControl", // must be class, use . sign

            slideWrapper : "#jFlowSlide", // must be id, use # sign

            slides: "#mySlides",  // the div where all your sliding divs are nested in

            selectedWrapper: "jFlowSelected",  // just pure text, no sign
            
            effect: "rewind", //this is the slide effect (rewind or flow)

            width: "470px",  // this is the width for the content-slider

            height: "120px",  // this is the height for the content-slider

            duration: 900,  // time in milliseconds to transition one slide
            
            pause: 9000, //time between transitions

            prev: ".jFlowPrev", // must be class, use . sign

            next: ".jFlowNext", // must be class, use . sign

            auto: true    

    });

});


</script>

Jak to poprawnie umieścić aby nic się ze sobą nie gryzło? Jak wspomniałem wyżej będę niezmiernie wdzięczny bo bardzo mi zależy na tego typu sliderze, chociaż "wdzięczność" przez internet i tak mało znaczy, no ale inaczej nie mogę się odpłacić. :)


Pozdrawiam.
Kod PHP:
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<
link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<
link href='//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
<
link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,200italic,400italic,600italic' rel='stylesheet' type='text/css'>
<
meta http-equiv="Content-Type" content="text/html; charset={$charset}/>
<
meta http-equiv="Content-Script-Type" content="text/javascript" />
<
script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.js?ver=1800"></script>
<
script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.plugins.min.js?ver=1800"></script>
<
script type="text/javascript" src="{$mybb->asset_url}/jscripts/general.js?ver=1800"></script>
<
script type="text/javascript" src="images/duende2/jquery-ui.js"></script>
<
script type="text/javascript" src="images/duende2/jquery.tipsy.js"></script>
<
script type="text/javascript" src="images/duende2/jquery.cookie.js"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.cookie.js"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/sidebar.js"></script>
<
script type="text/javascript">
jQuery(document).ready(function($) {
  $(
"body").addClass($.cookie("BGCHANGER"));
});
</
script>

<
script type="text/javascript" src="{$mybb->settings['bburl']}/images/wojna/js/jflow.plus.min.js"></script>
<
script type="text/javascript">

    
jQuery(document).ready(function(){

        
jQuery("#myController").jFlow({

            
controller".jFlowControl"// must be class, use . sign

            
slideWrapper "#jFlowSlide"// must be id, use # sign

            
slides"#mySlides",  // the div where all your sliding divs are nested in

            
selectedWrapper"jFlowSelected",  // just pure text, no sign
            
            
effect"rewind"//this is the slide effect (rewind or flow)

            
width"470px",  // this is the width for the content-slider

            
height"120px",  // this is the height for the content-slider

            
duration900,  // time in milliseconds to transition one slide
            
            
pause9000//time between transitions

            
prev".jFlowPrev"// must be class, use . sign

            
next".jFlowNext"// must be class, use . sign

            
autotrue    

    
});

});


</
script>





<
script type="text/javascript" src="images/duende2/bg/jorgu1.js"></script>
<
script type="text/javascript" src="images/duende2/bg/jorgu2.js"></script>
<
script type="text/javascript" src="images/duende2/bg/jorgu3.js"></script>
<
script type="text/javascript" src="images/duende2/bg/jquery.cookie.js"></script>


<
script type="text/javascript">
jQuery(document).ready(function($) {
    $(
".tab_content").hide(); 
    $(
"ul.tabs li:first").addClass("active").show();
    $(
".tab_content:first").show(); 
    $(
"ul.tabs li").click(function() {
        $(
"ul.tabs li").removeClass("active"); 
        $(
this).addClass("active"); 
        $(
".tab_content").hide(); 
        var 
activeTab = $(this).find("a").attr("href"); 
        $(
activeTab).fadeIn();
        return 
false;
    });
});
</
script>

<
script type='text/javascript'
jQuery(function() {
jQuery("a").tipsy({gravityjQuery.fn.tipsy.autoNS});
jQuery("title").tipsy({gravityjQuery.fn.tipsy.autoNS});
jQuery("img").tipsy({gravityjQuery.fn.tipsy.autoNS});
jQuery("i").tipsy({gravityjQuery.fn.tipsy.autoNS});
jQuery("span").tipsy({gravityjQuery.fn.tipsy.autoNS});
jQuery("div").tipsy({gravityjQuery.fn.tipsy.autoNS});
  });
</
script>

{
$stylesheets}




<
script type="text/javascript">
<!--
    
lang.unknown_error "{$lang->unknown_error}";

    
lang.select2_match "{$lang->select2_match}";
    
lang.select2_matches "{$lang->select2_matches}";
    
lang.select2_nomatches "{$lang->select2_nomatches}";
    
lang.select2_inputtooshort_single "{$lang->select2_inputtooshort_single}";
    
lang.select2_inputtooshort_plural "{$lang->select2_inputtooshort_plural}";
    
lang.select2_inputtoolong_single "{$lang->select2_inputtoolong_single}";
    
lang.select2_inputtoolong_plural "{$lang->select2_inputtoolong_plural}";
    
lang.select2_selectiontoobig_single "{$lang->select2_selectiontoobig_single}";
    
lang.select2_selectiontoobig_plural "{$lang->select2_selectiontoobig_plural}";
    
lang.select2_loadmore "{$lang->select2_loadmore}";
    
lang.select2_searching "{$lang->select2_searching}";

    var 
cookieDomain "{$mybb->settings['cookiedomain']}";
    var 
cookiePath "{$mybb->settings['cookiepath']}";
    var 
cookiePrefix "{$mybb->settings['cookieprefix']}";
    var 
deleteevent_confirm "{$lang->deleteevent_confirm}";
    var 
removeattach_confirm "{$lang->removeattach_confirm}";
    var 
loading_text '{$lang->ajax_loading}';
    var 
saving_changes '{$lang->saving_changes}';
    var 
use_xmlhttprequest "{$mybb->settings['use_xmlhttprequest']}";
    var 
my_post_key "{$mybb->post_code}";
    var 
rootpath "{$mybb->settings['bburl']}";
    var 
imagepath "{$theme['imgdir']}";
      var 
yes_confirm "{$lang->yes}";
    var 
no_confirm "{$lang->no}";
    var 
MyBBEditor null;
    var 
spinner_image "{$theme['imgdir']}/spinner.gif";
    var 
spinner "<img src='" spinner_image +"' alt='' />";
// -->
</script
Niestety to samo :(