Dodanie Slideru na stronie głównej

**plajer** · 26.12.2014, 22:11

wersja skryptu MyBB: 1.8.3
adres forum: www.DreamSkill.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): czy ktos moze mi podac dokladna instrukcje jak dodac ten slider na strone glowna: http://jquery.waw.pl/slidery/prosty-slider/

Ja robię to tak:
Nie zmieniając struktury wrzucam pliki z folderu js i images...
Dodaje kod CSS. Podany w przykładzie 05 bodajże (dostępne przy pobraniu ale chodzi o ten sam co jest na demo).
Dodaje odpowiedni div na stronie głównej przed panelem bocznym, wyswietla mi sie tylko pierwsza grafika i nic wiecej.

**Snake_** · 29.12.2014, 23:01

No to nie wiem, może tamten slider ma jakieś wady, ja osobiście rekomenduję ten: http://workshop.rs/projects/coin-slider/ używam/łem u siebie.

**plajer** · 30.12.2014, 09:23

Cos mi zaden nie dziala...
Robię tak:
pliki js lądują w ftp /js...

To w Global.CSS

/*

    Coin Slider jQuery plugin CSS styles

    http://workshop.rs/projects/coin-slider

*/

.coin-slider { overflow: hidden; zoom: 1; position: relative; }

.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }

.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }

.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 

.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

To w headerinclude:

<script type="text/javascript" src="jquery-1.4.2.js"></script>

<script type="text/javascript" src="coin-slider.min.js"></script>

<link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />

<script type="text/javascript">

    $(document).ready(function() {

        $('#coin-slider').coinslider({ width: 696, navigation: false, delay: 5000 });

    });

</script>

To w Index:

<div id='coin-slider'>

    <a href="img01_url" target="_blank">

        <img src="images/01.jpg" >

        <span>

            Description for img01

        </span>

    </a>

    <a href="imgN_url">

        <img src='imgN.jpg' >

        <span>

            Description for imgN

        </span>

    </a>

</div>

Efekty są na stronie :/

**Snake_** · 30.12.2014, 11:13

1. To do usunięcia:

<script type="text/javascript" src="jquery-1.4.2.js"></script>

2. Nie dodałeś js/, skoro tam wrzuciłeś pliki:

<script type="text/javascript" src="js/coin-slider.min.js"></script>

<link rel="stylesheet" href="js/coin-slider-styles.css" type="text/css" />

<script type="text/javascript">

    $(document).ready(function() {

        $('#coin-slider').coinslider({ width: 696, navigation: false, delay: 5000 });

    });

</script>

**plajer** · (Ten post był ostatnio modyfikowany: 30.12.2014, 14:53 przez plajer.)

Bez zmian ;/

edit

dodalem coin-slider-styles.css do /js/ ale nic to nie poprawilo (tak wiem zapomnialem o wrzuceniu tego wczesniej)

**Snake_** · 30.12.2014, 17:18

Podaj tutaj teraz całość szablonu headerinclude.

**plajer** · 30.12.2014, 18:50

Oto on:

<script type="text/javascript" src="js/coin-slider.min.js"></script>

<link rel="stylesheet" href="js/coin-slider-styles.css" type="text/css" />

<script type="text/javascript">

    $(document).ready(function() {

        $('#coin-slider').coinslider({ width: 696, navigation: false, delay: 5000 });

    });

</script>

<div id="fb-root"></div>

<script>(function(d, s, id) {

  var js, fjs = d.getElementsByTagName(s)[0];

  if (d.getElementById(id)) return;

  js = d.createElement(s); js.id = id;

  js.src = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.0";

  fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<div id="fb-root"></div>

<script>(function(d, s, id) {

  var js, fjs = d.getElementsByTagName(s)[0];

  if (d.getElementById(id)) return;

  js = d.createElement(s); js.id = id;

  js.src = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.0";

  fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

<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,200​italic,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/vienna/jquery-ui.js"></script>

<script type="text/javascript" src="images/vienna/jquery.tipsy.js"></script>

<script type="text/javascript" src="images/vienna/jquery.cookie.js"></script>

<script type='text/javascript'> 

jQuery(function() {

jQuery("a").tipsy({gravity: jQuery.fn.tipsy.autoNS});

jQuery("title").tipsy({gravity: jQuery.fn.tipsy.autoNS});

jQuery("img").tipsy({gravity: jQuery.fn.tipsy.autoNS});

jQuery("i").tipsy({gravity: jQuery.fn.tipsy.autoNS});

jQuery("span").tipsy({gravity: jQuery.fn.tipsy.autoNS});

jQuery("div").tipsy({gravity: jQuery.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>

**Snake_** · 30.12.2014, 23:39

Podmień:

<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,200​​italic,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/vienna/jquery-ui.js"></script>

<script type="text/javascript" src="images/vienna/jquery.tipsy.js"></script>

<script type="text/javascript" src="images/vienna/jquery.cookie.js"></script>

<script type='text/javascript'> 

jQuery(function() {

jQuery("a").tipsy({gravity: jQuery.fn.tipsy.autoNS});

jQuery("title").tipsy({gravity: jQuery.fn.tipsy.autoNS});

jQuery("img").tipsy({gravity: jQuery.fn.tipsy.autoNS});

jQuery("i").tipsy({gravity: jQuery.fn.tipsy.autoNS});

jQuery("span").tipsy({gravity: jQuery.fn.tipsy.autoNS});

jQuery("div").tipsy({gravity: jQuery.fn.tipsy.autoNS});

  });

</script>

<div id="fb-root"></div>

<script>(function(d, s, id) {

  var js, fjs = d.getElementsByTagName(s)[0];

  if (d.getElementById(id)) return;

  js = d.createElement(s); js.id = id;

  js.src = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.0";

  fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<div id="fb-root"></div>

<script>(function(d, s, id) {

  var js, fjs = d.getElementsByTagName(s)[0];

  if (d.getElementById(id)) return;

  js = d.createElement(s); js.id = id;

  js.src = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.0";

  fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<script type="text/javascript" src="js/coin-slider.min.js"></script>

<link rel="stylesheet" href="js/coin-slider-styles.css" type="text/css" />

<script type="text/javascript">

    $(document).ready(function() {

        $('#coin-slider').coinslider({ width: 696, navigation: false, delay: 5000 });

    });

</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>

Nie możesz dodawać kolejnych bibliotek... Jedna jest w standardzie i ona MUSI wystarczyć.

**plajer** · 30.12.2014, 23:46

Ale jak dodaje twój to się wszystko rozsypuje. A ten co jest to taki był od początku ja tam nic nie edytowałem...
Po tym jak wrzuciłem twój headericlude:
[Obrazek: njHg.png]

**Snake_** · 30.12.2014, 23:55

^, nie widzę czegoś takiego na forum.

**plajer** · 31.12.2014, 09:42

Niestety nie mogłem zostawić tego ponieważ mam użytkowników korzystających z tego forum, odrazu zrobiłem ss i wrzuciłem stary headerinclude

**Snake_** · 31.12.2014, 12:07

No to ciężko cokolwiek zrobić w takiej sytuacji. Poinformuj użytkowników i pokaż to an forum.

**plajer** · 31.12.2014, 16:34

Cóż a nie można się z gadać w jakimś konkretnym momencie? By po prostu forum nie stało godzinami zniszczone?

31.12.2014, 16:41

Na godzinę, to tylko odpłatnie podejrzewam. Tutaj pomaga się za darmo i tylko wtedy, kiedy ma się czas

**plajer** · 02.01.2015, 18:39

W takim razie rezygnuje ze slideru

Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Dodanie Slideru na stronie głównej

plajer

Snake_

plajer

Snake_

plajer

Snake_

plajer

Snake_

plajer

Snake_

plajer

Snake_

plajer

LikeLoveHate

plajer

Użytkownicy przeglądający ten wątek:

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie