Załącznik w formie okienka pop-up (fancybox)

Założony przez Fyeem.

Cześć, mam na problem przy zmienianiu formy załącznika. Mianowicie, po kliknięciu w obrazek dodany przez załącznik, zamiast wyskoczyć pop-up z tym img, przenosi na standardową stronę z załącznikiem. 

Korzystam z poradnika Łukasza o FancyBox, mam domyślny szablon (a przynajmniej nie zmienione w nim za dużo), nadal nie działa. Pliki są na serwerze w /fancybox/source/...

LightBox po zmianie kompatybilności nie zdaje egzaminu.

Chodzi mi oczywiście o efekt widoczny tutaj na forum.
Um... http://i.imgur.com/dRZpk6z.png

Wystarczy zajrzeć w konsolę przeglądarki, wyrzuca pełno błędów 404.
(12.01.2017, 04:03)Divir napisał(a): Um... http://i.imgur.com/dRZpk6z.png

Wystarczy zajrzeć w konsolę przeglądarki, wyrzuca pełno błędów 404.
O proszę, nie widziałem tych błędów na początku.. (nie wiem jak, ale ok).

Zniwelowałem je, nie ma żadnego błędu, wszystkie pliki wgrane poprawnie, źródła są ok.

I co? To samo.
Jak wywołałeś skrypt? Uwzględniłeś w nim w ogóle klasę z załącznikiem.
(13.01.2017, 18:05)Matslom napisał(a): Jak wywołałeś skrypt? Uwzględniłeś w nim w ogóle klasę z załącznikiem.
Zrobiłem tylko to, co w poradniku: https://mybboard.pl/thread-61804.html


<link rel="stylesheet" href="http://pluginsmybbthemes.ct8.pl/fancybox/source/source/jquery.fancybox.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://pluginsmybbthemes.ct8.pl/fancybox/source/source/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" href="http://pluginsmybbthemes.ct8.pl/fancybox/source/source/helpers/jquery.fancybox-buttons.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://pluginsmybbthemes.ct8.pl/fancybox/source/source/helpers/jquery.fancybox-buttons.js"></script>
<script type="text/javascript" src="http://pluginsmybbthemes.ct8.pl/fancybox/source/source/helpers/jquery.fancybox-media.js"></script>
<link rel="stylesheet" href="http://pluginsmybbthemes.ct8.pl/fancybox/source/source/helpers/jquery.fancybox-thumbs.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://pluginsmybbthemes.ct8.pl/fancybox/source/source/helpers/jquery.fancybox-thumbs.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.post_body img').each(function() {
var currentImage = $(this);

if (currentImage.parent().is('a') == false)
{
currentImage.wrap("<a target='_blank' class='fancybox' href='" + currentImage.attr("src") + "'</a>");
}

});

$(".fancybox").fancybox();
});
</script>

$('.post_body img').each(function() { zobacz $('.post_body img, post img.attachment').each(function() {
Nic się nie zmienia po wyczyszczeniu cache.


<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Arima+Madurai" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Oxygen" rel="stylesheet">

<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" />
<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=1806"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.plugins.min.js?ver=1806"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/general.js?ver=1809"></script>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>




<!-- SEO_TITLE_META -->{$stylesheets}
<link rel="stylesheet" href="http://pluginsmybbthemes.ct8.pl/fancybox/source/source/jquery.fancybox.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://pluginsmybbthemes.ct8.pl/fancybox/source/source/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" href="http://pluginsmybbthemes.ct8.pl/fancybox/source/source/helpers/jquery.fancybox-buttons.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://pluginsmybbthemes.ct8.pl/fancybox/source/source/helpers/jquery.fancybox-buttons.js"></script>
<script type="text/javascript" src="http://pluginsmybbthemes.ct8.pl/fancybox/source/source/helpers/jquery.fancybox-media.js"></script>
<link rel="stylesheet" href="http://pluginsmybbthemes.ct8.pl/fancybox/source/source/helpers/jquery.fancybox-thumbs.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://pluginsmybbthemes.ct8.pl/fancybox/source/source/helpers/jquery.fancybox-thumbs.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.post_body img, post img.attachment, attachment, img.attachment').each(function() {
var currentImage = $(this);

if (currentImage.parent().is('a') == false)
{
currentImage.wrap("<a target='_blank' class='fancybox' href='" + currentImage.attr("src") + "'</a>");
}

});

$(".fancybox").fancybox();
});
</script>


<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 cookieSecureFlag = "{$mybb->settings['cookiesecureflag']}";
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='' />";
var modal_zindex = 9999;
// -->
</script>

Ten kod i tak raczej nie zadziala. Przeanalizuj swojego if. Jesli rodzic twojego obrazka to nie jest tag a (bo == false) to wykonaj warunek. Problem w tym, ze kazdy obrazek w zalaczniku jest dzieckiem tagu a. Musialbys zmienic warunek na true, ale wtedy da ci to dwa elementy a, jeden w drugim i zacznie sie bugowac. Lepiej dodac po prostu klase (.addClass()) do najblizszego a (.closest()).
(13.01.2017, 21:36)Divir napisał(a): Lepiej dodac po prostu klase (.addClass()) do najblizszego a (.closest()).
Jak i gdzie to dodać?
W tym warunku. Przerobic calkiem to co sie w nim dzieje. Jak to zrobic masz pelno przykladow w dokumentacji jQuery i na stackoverflow.

Podobne wątki

Szukam Jak zrobić żeby załącznik pokazywam się w popup.

12.12.2016, 18:31
Ostatni post: zZzGaming

Inne Fancybox / Fit on page nie działa

23.01.2016, 16:22
Ostatni post: kamil501

Inne Jak zmienić treść tego okienka?

02.01.2016, 13:14
Ostatni post: Ardex

Styl Usunięcie okienka

27.07.2015, 15:17
Ostatni post: Patryk Stefański

Usunięcie irytującego okienka

20.02.2015, 01:21
Ostatni post: Smashden


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

1 gości