Script τυχαίας εμφάνισης ανακοινώσεων

από Scarlet D. Κυρ Απρ 03, 2016 11:05 pm

Πληροφορίες Προβλήματος

Μορφή Φόρουμ : PunBB
Βαθμός Μέλους : Ιδρυτής
Εμφανίζεται σε : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Το πρόβλημα αφορά : Όλα τα μέλη
Ενεργός σύνδεσμος link του φόρουμ : http://onepiecegr.forum-pro.org/

Περιγραφή Προβλήματος

καλησπέρα

Τις προάλλες έκανα edit ένα script για να εμφανίζονται τυχαία banner στο φόρουμ. Εγώ λοιπόν ήθελα να μου εμφανίζονται εικόνες σε τυχαία σειρά στο Annoucements bar (και να κάνουν scroll σαν απλή ανακοίνωση εννοείται)

αυτος είναι ο κώδικας

Κώδικας:: $(function() { var banners = [ 'http://i64.tinypic.com/ir2efl.png', 'http://i68.tinypic.com/16i84cm.png', ], logo = document.getElementById('pun-announcement); if (logo) (logo.tagName == 'IMG' ? logo : logo.firstChild).src = banners[Math.floor(Math.random() * banners.length)]; });

δεν έχω καταλάβει τι κάνεις λαθος

από Van-Helsing Δευ Απρ 04, 2016 5:04 am

Καλημέρα,
Ο κώδικας αυτός είναι για PunBB για PhpBB3 δοκίμασε τον παρακάτω:

Κώδικας:: $(function() { var banners = [ 'http://i64.tinypic.com/ir2efl.png', 'http://i68.tinypic.com/16i84cm.png', ], logo = document.getElementById('#logo'); if (logo) (logo.tagName == 'IMG' ? logo : logo.firstChild).src = banners[Math.floor(Math.random() * banners.length)]; });

από Scarlet D. Δευ Απρ 04, 2016 2:09 pm

oops περιμενε μπερδεψα τα links των φορουμ,
αυτο ειναι το φορουμ που θελω το σκριπτ
onepiecegr.forumgreek.com/

από Van-Helsing Δευ Απρ 04, 2016 2:47 pm

Καλησπέρα,
Μπορείς να εγκαταστήσεις το παρακάτω javascript και να το βάλεις σε όλες τι σελίδες για να το ελέγξω;

Κώδικας:: $(function() { var banners = [ 'http://i64.tinypic.com/ir2efl.png', 'http://i68.tinypic.com/16i84cm.png', ], logo = document.getElementById('pun-announcement); if (logo) (logo.tagName == 'IMG' ? logo : logo.firstChild).src = banners[Math.floor(Math.random() * banners.length)]; });

από Scarlet D. Δευ Απρ 04, 2016 4:33 pm

το εβαλα hellsing, απλα εμφανιζει την εικονα που εβαλα στα annoucements μονη της και δεν αλλαζει

από Van-Helsing Δευ Απρ 04, 2016 4:40 pm

Καλησπέρα δεν το βλέπω ενεργό το javascript στο φόρουμ σου. Sad

Μπορείς να το αφήσεις ενεργό να δω που βγάζει σφάλμα;

από Scarlet D. Δευ Απρ 04, 2016 5:19 pm

Van-Helsing έγραψε:Καλησπέρα δεν το βλέπω ενεργό το javascript στο φόρουμ σου. Μπορείς να το αφήσεις ενεργό να δω που βγάζει σφάλμα;

θα γελάσεις, γιατί τόσην ώρα από την στιγμή που μου είπες το έχω ενεργό Laughing

από Van-Helsing Δευ Απρ 04, 2016 6:22 pm

Καλησπέρα @Heartsealed,
Νομίζω ότι βρήκα που είναι το σφάλμα σου είχε ξεφύγει μια παρένθεση:
Δοκίμασε τον παρακάτω κώδικα:

Κώδικας:: $(function() { var banners = [ 'http://i64.tinypic.com/ir2efl.png', 'http://i68.tinypic.com/16i84cm.png', ], logo = document.getElementById('pun-announcement); if (logo) (logo.tagName == 'IMG' ? logo : logo.firstChild.src) = banners[Math.floor(Math.random() * banners.length)]; });

από Scarlet D. Δευ Απρ 04, 2016 8:16 pm

μόλις το έβαλα, ακόμα δεν λειτουργεί Sad

από Van-Helsing Τρι Απρ 05, 2016 1:53 am

Δεν το βλέπω στη λίστα με τα ενεργά javascripts και δεν μπορώ να κάνω debugging.

από Scarlet D. Τρι Απρ 05, 2016 1:56 am

Van-Helsing έγραψε:Δεν το βλέπω στη λίστα με τα ενεργά javascripts και δεν μπορώ να κάνω debugging.

τι να κανω για να σε βοηθησω;

από Van-Helsing Τρι Απρ 05, 2016 2:00 am

Βάλτο ενεργό σε όλες τις σελίδες

από Scarlet D. Τρι Απρ 05, 2016 2:06 am

Van-Helsing έγραψε:Βάλτο ενεργό σε όλες τις σελίδες

μα αυτο ειναι το θεμα! ειναι!

οριστε αν δεν με πιστευεις

Script τυχαίας εμφάνισης ανακοινώσεων 312abut

από Van-Helsing Τρι Απρ 05, 2016 2:10 am

Κάτσε σε ποιο απο τα δυο φόρουμ το έχεις εγκαταστήσει; Τι νούμερο έχει το javascript στη λίστα με τα javascripts;

Εδώ τα έλεγξα ένα-ένα και δεν το βρήκα:

Script τυχαίας εμφάνισης ανακοινώσεων PXXRimW

Script τυχαίας εμφάνισης ανακοινώσεων PXXRimW

από Scarlet D. Τρι Απρ 05, 2016 2:19 am

Van-Helsing έγραψε:Κάτσε σε ποιο απο τα δυο φόρουμ το έχεις εγκαταστήσει; Τι νούμερο έχει το javascript στη λίστα με τα javascripts;

Εδώ τα έλεγξα ένα-ένα και δεν το βρήκα:

νομιζω σου ειπα οτι το φορουμ το οποιο αναφερομαι ειναι αυτό (onepiecegr.forumgreek.com/)
και εβαλα καταλαθως λαθος φορουμ στο ντισκριπτιον, ο αριθμος ειναι 31988

από Van-Helsing Τρι Απρ 05, 2016 2:28 am

Για κάποιο λόγο δεν φαίνεται καν άρα δεν τρέχει καν scratch

έχεις το αρχικό javascript κάποιο λογαριασμό διαχειριστή να μπω να το δω;

από Scarlet D. Τρι Απρ 05, 2016 2:35 am

Van-Helsing έγραψε:Για κάποιο λόγο δεν φαίνεται καν άρα δεν τρέχει καν έχεις το αρχικό javascript κάποιο λογαριασμό διαχειριστή να μπω να το δω;

θα φτιαξω σε ενα λεπτο και σου κανω pm

από Van-Helsing Τρι Απρ 05, 2016 3:22 am

Δοκίμασα να πάρω διαφορετικό elementId αλλά όσα και αν δοκίμασα δεν το πιάνει. Αυτός ο οδηγός έχει φτιαχτεί για τα default πρότυπα και θέλει αλλαγές για να δουλέψει.

Μπορείς να επαναφέρεις λίγο τα αρχικά πρότυπα να δούμε αν το πιάνει;

Script τυχαίας εμφάνισης ανακοινώσεων YJMHyzY

Script τυχαίας εμφάνισης ανακοινώσεων YJMHyzY

από Scarlet D. Τρι Απρ 05, 2016 3:31 am

εγινε! δοκιμασε τωρα να δουμε

από Van-Helsing Τρι Απρ 05, 2016 3:38 am

Τέλεια τώρα τα εμφανίζει, το πρόβλημα οφείλεται σε κάποια elements που έχεις σβήσει από το overall_header το πρότυπο.

Script τυχαίας εμφάνισης ανακοινώσεων HisNJfs

Script τυχαίας εμφάνισης ανακοινώσεων HisNJfs

μπορείς να βάλεις το overall_header εδώ; να το βάλουμε το element αλλά να το αποκρύψουμε ώστε να μην φαίνεται αν δεν το χρειάζεσαι ή εκτός αν το θέλεις να υπάρχει.

από Scarlet D. Τρι Απρ 05, 2016 3:44 am

Κώδικας:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}> <head> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" />  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />  {META_FAVICO} {META} {META_FB_LIKE} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" /> {T_HEAD_STYLESHEET} {CSS} <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" /> <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" /> <script src="{JQUERY_PATH}" type="text/javascript"></script> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>  <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script> <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" /> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script> <script type="text/javascript">//<![CDATA[ /* Definir le sens de direction en fonction du panneau admin */ var tickerDirParam = "{switch_ticker.DIRECTION}"; var slid_vert = false; var auto_dir = 'next'; var h_perso = parseInt({switch_ticker.HEIGHT}); switch( tickerDirParam ) { case 'top' : slid_vert = true; break; case 'left': break; case 'bottom': slid_vert = true; auto_dir = 'prev'; break; case 'right': auto_dir = 'prev'; break; default: slid_vert = true; } $(document).ready(function() { var width_max = $('ul#fa_ticker_content').width(); var width_item = Math.floor(width_max / {switch_ticker.SIZE}); if (width_max > 0) { $('#fa_ticker_content').css('display','block'); $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () { if ($(this).width() > width_item) { var ratio = $(this).width() / width_item; var new_height = Math.round($(this).height() / ratio); $(this).height(new_height).width(width_item); } }); if (slid_vert) { var height_max = h_perso; $('ul#fa_ticker_content li').each( function () { if ($(this).height() > height_max) { height_max = $(this).height(); } } ); $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto'); $('ul#fa_ticker_content li').height(height_max); } $('#fa_ticker_content').jcarousel({ vertical: slid_vert, wrap: 'circular', auto: {switch_ticker.STOP_TIME}, auto_direction: auto_dir, scroll: 1, size: {switch_ticker.SIZE}, height_max: height_max, animation: {switch_ticker.SPEED} }); } else { $('ul#fa_ticker_content li:not(:first)').css('display','none'); $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center'); } }); //]]> </script>  <script type="text/javascript"> //<![CDATA[ jQuery().ready(function(){  pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); if(pm != null) { pm.focus(); }   report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}'); if(report != null) { report.focus(); }   $(window).load(function() { Ticker.start({ height : {switch_ticker.HEIGHT}, spacing : {switch_ticker.SPACING}, speed : {switch_ticker.SPEED}, direction : '{switch_ticker.DIRECTION}', pause : {switch_ticker.STOP_TIME} }); });  });  var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;   $(document).ready( function() { $(window).resize(function() { var windowWidth = document.documentElement.clientWidth; var popupWidth = $("#login_popup").width(); var mypopup = $("#login_popup"); $("#login_popup").css({ "left": windowWidth/2 - popupWidth/2 }); }); });  //]]> </script> {GREETING_POPUP}  <style> .jcarousel-skin-tango .jcarousel-item { text-align:center; width: 10px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: {switch_ticker.SPACING}px; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: {switch_ticker.SPACING}px; } </style>  {HOSTING_JS}  <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]); _gaq.push(["_trackPageview"]); _gaq.push(['_trackPageLoadTime']);  _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']); _gaq.push(['b._trackPageview']);  (function() { var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true; ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s); })(); //]]> </script>  </head> <body>  <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <br /> <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div>   <div id="login_popup" class="module main" style="z-index: 10000 !important;"> <div id="login_popup_title" class="main-head"> <div class="h3">{SITENAME}</div> </div> <div class="main-content"> {LOGIN_POPUP_MSG} <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="button2" value="{L_LOGIN}" /> <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" /> <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" /> </form> </div> </div> </div>  <a id="top" name="top" accesskey="t"></a> <div class="minwidth_IE"> <div class="layout_IE"> <div class="container_IE"> <div class="pun"> <div id="pun-intro" class="clearfix"> <a href="{U_INDEX}" id="horizontal-scroll"><img src="{LOGO}" alt="{L_INDEX}" /></a>  <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>   <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>  </div> <div id="pun-head">  <div id="fa_ticker_block" style="padding-top:4px;"> <div class="module main"> <div class="main-content clearfix"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">  <li>{switch_ticker.ticker_row.ELEMENT}</li>  </ul> </div> </div> </div> </div>   <div id="fa_ticker_block" style="padding-top:4px;"> <div class="module main"> <div class="main-content clearfix"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content">  <div>{switch_ticker.ticker_row.ELEMENT}</div>  </div> </div> </div> </div> </div> </div>  <div id="pun-navlinks"> <ul class="clearfix"> <li>{GENERATED_NAV_BAR}</li> </ul> </div> </div> <div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <div id="outer-wrapper"> <div id="wrapper"> <div id="container"> <div id="content"> <div id="{ID_LEFT}">  {giefmod_index1.MODVAR}  <div style="height:{SPACE_ROW}px"></div>   </div> <div id="main"> <div id="main-content">  </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html>

από Van-Helsing Τρι Απρ 05, 2016 3:57 am

Αντικατέστησε το με το παρακάτω πρότυπο:

Κώδικας:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}> <head> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" />  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />  {META_FAVICO} {META} {META_FB_LIKE} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" /> {T_HEAD_STYLESHEET} {CSS} <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" /> <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" /> <script src="{JQUERY_PATH}" type="text/javascript"></script> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>  <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script> <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" /> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script> <script type="text/javascript">//<![CDATA[ /* Definir le sens de direction en fonction du panneau admin */ var tickerDirParam = "{switch_ticker.DIRECTION}"; var slid_vert = false; var auto_dir = 'next'; var h_perso = parseInt({switch_ticker.HEIGHT}); switch( tickerDirParam ) { case 'top' : slid_vert = true; break; case 'left': break; case 'bottom': slid_vert = true; auto_dir = 'prev'; break; case 'right': auto_dir = 'prev'; break; default: slid_vert = true; } $(document).ready(function() { var width_max = $('ul#fa_ticker_content').width(); var width_item = Math.floor(width_max / {switch_ticker.SIZE}); if (width_max > 0) { $('#fa_ticker_content').css('display','block'); $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () { if ($(this).width() > width_item) { var ratio = $(this).width() / width_item; var new_height = Math.round($(this).height() / ratio); $(this).height(new_height).width(width_item); } }); if (slid_vert) { var height_max = h_perso; $('ul#fa_ticker_content li').each( function () { if ($(this).height() > height_max) { height_max = $(this).height(); } } ); $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto'); $('ul#fa_ticker_content li').height(height_max); } $('#fa_ticker_content').jcarousel({ vertical: slid_vert, wrap: 'circular', auto: {switch_ticker.STOP_TIME}, auto_direction: auto_dir, scroll: 1, size: {switch_ticker.SIZE}, height_max: height_max, animation: {switch_ticker.SPEED} }); } else { $('ul#fa_ticker_content li:not(:first)').css('display','none'); $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center'); } }); //]]> </script>  <script type="text/javascript"> //<![CDATA[ jQuery().ready(function(){  pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); if(pm != null) { pm.focus(); }   report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}'); if(report != null) { report.focus(); }   $(window).load(function() { Ticker.start({ height : {switch_ticker.HEIGHT}, spacing : {switch_ticker.SPACING}, speed : {switch_ticker.SPEED}, direction : '{switch_ticker.DIRECTION}', pause : {switch_ticker.STOP_TIME} }); });  });  var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;   $(document).ready( function() { $(window).resize(function() { var windowWidth = document.documentElement.clientWidth; var popupWidth = $("#login_popup").width(); var mypopup = $("#login_popup"); $("#login_popup").css({ "left": windowWidth/2 - popupWidth/2 }); }); });  //]]> </script> {GREETING_POPUP}  <style> .jcarousel-skin-tango .jcarousel-item { text-align:center; width: 10px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: {switch_ticker.SPACING}px; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: {switch_ticker.SPACING}px; } </style>  {HOSTING_JS}  <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]); _gaq.push(["_trackPageview"]); _gaq.push(['_trackPageLoadTime']);  _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']); _gaq.push(['b._trackPageview']);  (function() { var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true; ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s); })(); //]]> </script>  </head> <body>  <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <br /> <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div>   <div id="login_popup" class="module main" style="z-index: 10000 !important;"> <div id="login_popup_title" class="main-head"> <div class="h3">{SITENAME}</div> </div> <div class="main-content"> {LOGIN_POPUP_MSG} <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="button2" value="{L_LOGIN}" /> <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" /> <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" /> </form> </div> </div> </div>  <a id="top" name="top" accesskey="t"></a> <div class="minwidth_IE"> <div class="layout_IE"> <div class="container_IE"> <div class="pun"> <div id="pun-intro" class="clearfix"> <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>  <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>   <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>  </div> <div id="pun-head">  <div id="fa_ticker_block" style="padding-top:4px;"> <div class="module main"> <div class="main-content clearfix"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">  <li>{switch_ticker.ticker_row.ELEMENT}</li>  </ul> </div> </div> </div> </div>   <div id="fa_ticker_block" style="padding-top:4px;"> <div class="module main"> <div class="main-content clearfix"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content">  <div>{switch_ticker.ticker_row.ELEMENT}</div>  </div> </div> </div> </div> </div> </div>  <div id="pun-navlinks"> <ul class="clearfix"> <li>{GENERATED_NAV_BAR}</li> </ul> </div> </div> <div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <div id="outer-wrapper"> <div id="wrapper"> <div id="container"> <div id="content"> <div id="{ID_LEFT}">  {giefmod_index1.MODVAR}  <div style="height:{SPACE_ROW}px"></div>   </div> <div id="main"> <div id="main-content">  </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html>

και πατάς υποβολή και δημοσίευση.

από Scarlet D. Τρι Απρ 05, 2016 11:44 pm

Μετα απο συζητηση στα προσωπικα και πολλες δοκιμες αποφασησαμε οτι μαλλον δεν γινεται κατι τετοιο επειδη τα annoucements ερχονται απο το μερος του φορουμ που δεν μπορεις να τα επεξεργαστεις (ετσι δεν ειναι helsing?)

από **Luffy** Σαβ Σεπ 03, 2016 7:31 pm

Καλησπέρα @Heartsealed,

Το script που βρήκες δεν θα αλλάζει μόνο του. Αυτό το script αλλάζει τις εικόνες κάθε φορά που γίνεται reload η σελίδα ή κάθε φορά που αλλάξεις σελίδα. Η καλύτερη λύση για ένα κιλυώμενο πεδίο με εικόνες που να αλλάζουν συνεχώς είναι αυτό:

Κώδικας:: (function() { var BannerRotator = { images : [ 'BANNER URL 1', 'BANNER URL 2', 'BANNER URL 3' ], start_delay : 5000, duration : 5000, height : 'auto', fade_image : true, fade_speed : 1200, keep_initial : true, remember_position : true, preload : true, // technical data below index : -1, logo : null, // increment the index and display the next image in rotation after a small delay next : function(ms) { if (ms === undefined) ms = FA.BannerRotator.duration; window.setTimeout(function() { if (++FA.BannerRotator.index >= FA.BannerRotator.images.length) FA.BannerRotator.index = 0; // reset index when it exceeds "images" length if (FA.BannerRotator.remember_position) my_setcookie('fa_banner_index', FA.BannerRotator.index); // remember the last banner shown // fade banner in and out if (FA.BannerRotator.fade_image) { $(FA.BannerRotator.logo).fadeOut(FA.BannerRotator.fade_speed, function() { FA.BannerRotator.logo.src = FA.BannerRotator.images[FA.BannerRotator.index]; // set next banner $(this).fadeIn(FA.BannerRotator.fade_speed, FA.BannerRotator.next); // fade it in }); } // default rotation else { FA.BannerRotator.logo.src = FA.BannerRotator.images[FA.BannerRotator.index]; FA.BannerRotator.next(); } }, ms); }, // initial start up to get the correct logo node and setup some other settings init : function() { var logo = document.getElementById('i_bannerRotator') || document.getElementById('rotatorImage') || document.getElementById('rotatorImage'), index = my_getcookie('fa_banner_index'); if (logo) { FA.BannerRotator.logo = logo.tagName == 'IMG' ? logo : logo.firstChild; FA.BannerRotator.logo.style.height = FA.BannerRotator.height; if (FA.BannerRotator.keep_initial) FA.BannerRotator.images[FA.BannerRotator.images.length] = FA.BannerRotator.logo.src; if (FA.BannerRotator.remember_position && index) { FA.BannerRotator.index = +index; FA.BannerRotator.logo.src = FA.BannerRotator.images[FA.BannerRotator.index] || FA.BannerRotator.images[0]; } FA.BannerRotator.next(FA.BannerRotator.start_delay); } else if (window.console && window.console.warn) { console.warn('Your forum version is not optimized for this plugin'); } } }; if (!window.FA) FA = {}; if (!FA.BannerRotator) { FA.BannerRotator = BannerRotator; if (FA.BannerRotator.preload) { for (var i = 0, j = FA.BannerRotator.images.length, img; i < j; i++) { img = document.createElement('IMG'); img.src = FA.BannerRotator.images[i]; } } $(FA.BannerRotator.init); } }());

και αυτό σαν το HTML μέσα στην ανακοίνωση:

Κώδικας:: <div id="bannerRotator"><span id="rotatorImage"><img src="//" /></span></div>

Όλα αυτά εννοείται θα τα βάλεις όλα μέσα στην ανακοίνωση με

Κώδικας:: <script></script>

σαφώς και τις αλλαγές τις στυλιστικές μπορείς να τις κάνει επίσης στην ανακοίνωση με το

Κώδικας:: <style></style>

ή στο CSS. Wink

από Scarlet D. Τρι Σεπ 13, 2016 6:19 pm

Καλησπέρα, λυπαμε για την καθυστερημένη απάντηση.

Αν και τώρα πια βρήκαμε και κινούμε κανονικά το logo με την βοηθεια CSS, τελικα καταλήξαμε στο συμπέρασμα οτι δεν χρειάζεται να αλλάζει σε κάθε refresh και να βγαίνει ενα καινούργιο logo διότι αυτό που ήδη έχουμε είναι υπέρ αρκετό. Θα βάλω αυτό το τόπικ ως "λύθηκε" ωστόσο θα κρατήσω αυτόν τον κώδηκα γιατί μπορεί να μου χρησιμεύσει σε μελλοντικά projects.

ευχαριστώ

Script τυχαίας εμφάνισης ανακοινώσεων