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

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

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

Założony przez  Poftorek.

11.01.2017, 23:38 (Ten post był ostatnio modyfikowany: 11.01.2017, 23:52 przez Poftorek.)
#1
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.
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
12.01.2017, 04:03
#2
Um... http://i.imgur.com/dRZpk6z.png

Wystarczy zajrzeć w konsolę przeglądarki, wyrzuca pełno błędów 404.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
13.01.2017, 17:56
#3
(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.
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
13.01.2017, 18:05
#4
Jak wywołałeś skrypt? Uwzględniłeś w nim w ogóle klasę z załącznikiem.
13.01.2017, 18:06 (Ten post był ostatnio modyfikowany: 13.01.2017, 18:06 przez Poftorek.)
#5
(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://webboard.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>
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
13.01.2017, 18:14
#6
$('.post_body img').each(function() { zobacz $('.post_body img, post img.attachment').each(function() {
13.01.2017, 19:12
#7
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>
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
13.01.2017, 21:36
#8
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()).
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
13.01.2017, 22:17
#9
(13.01.2017, 21:36)Divir napisał(a): Lepiej dodac po prostu klase (.addClass()) do najblizszego a (.closest()).
Jak i gdzie to dodać?
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
14.01.2017, 00:48
#10
W tym warunku. Przerobic calkiem to co sie w nim dzieje. Jak to zrobic masz pelno przykladow w dokumentacji jQuery i na stackoverflow.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.



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

3 gości