Registriere dich hier, um versteckte Bereiche sehen zu können, Highscores zu speichern oder Fragen zu stellen!

Javascript Datei hochladen

Einstellungen, Fragen und Antworten, das Hilfe-Forum für phpBB3 Foren von http://www.phpBB8.de und Forumo!
Kostenloses phpbb2 Forum
phpbb2 Forum Hosting
www.phpbb6.de
phpbb9 ist das Support Forum für unsere Hosting Services.Hilfe nur für Foren von Kostenloses-Forum.be, Userboard.org, plusBB, phpbb8.de, phpbb6.de, Gratis-Board.de und Forumo.de.
Du hast dein Forum nicht bei uns? Dann schaue dich um und siehe was du selbst völlig kostenlos machen könntest, gucke dir auch andere interessante Foren aus unserem Netzwerk an!
Du erhältst hier Tipps und Problemlösungen zu deinem Forum bei uns!

phpbb3
phpBB3 Forum Hosting
www.phpbb8.de
FollowersFollowers: 0
BookmarksBookmarks: 0
Views: 228

Javascript Datei hochladen

Post#1by isard » 08.02.2014 01:24

Hallo Support :)

Ich bin letztlich über ein interessantes, kleines Problem bezüglich meines Forum gestolpert.

Problemeschreibung
Auf dem Portal eingebaute Slideshow (Typ: s3silder) aktualisiert die Bilder oftmals ruckhaft.
Identisches Script lokal (Bilddateien + Script online) ausgeführt funktioniert problemlos.
Die Frage ist nun: Warum stockt die Verarbeitung oftmals?
Google Drive und eventuell langsame Verbindung/Scriptaufruf war meine erste Idee aber da lokal alles flüssig läuft erscheint dies nicht mehr logisch.
Die zweite Frage: Gibt es eine Möglichkeit das Script direkt auf dem Forenserver zu hinterlegen? FTP gibts nicht, soweit ich das mit der SuFu herausfinden konnte und im ACP konnte ich ausßer Bilderuploads keinen Bereich für Scripte oder Nicht-Bilddateien finden.

Script
Auf Portal (aktuell nur für Admins einsehbar) in block_1.html
Das Script selbst habe ich in Ermalngelung einer besseren Lösung bei Google Drive hinterlegt.
Code: Select all
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>s3Slider jQuery plugin</title>
<!-- CSS -->
<style type="text/css" media="screen">
#slider {
    width: 600px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
   overflow: hidden; /* important */
}
#sliderContent {
    width: 600px; /* important to be same as image width or wider */
    position: absolute;
   top: 0;
   margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
   display: none;
}
.sliderImage span {
    position: absolute;
   font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 574px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
   -khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
   clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
   top: 0;
   left: 0;
}
.bottom {
   bottom: 0;
    left: 0;
}
ul { list-style-type: none;}
</style>
<!-- JavaScripts-->
<script type="text/javascript" src="https://googledrive.com/host/0BzNtJ2JxnxRjeVNNUVlCY0E2VWM"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#slider').s3Slider({
            timeOut: 4000
        });
    });
</script>
</head>

<body>

<table width="100%">
<tr>
<td align="center">
    <div id="slider">
        <ul id="sliderContent">
            <li class="sliderImage">
                <a href="http://abload.de/"><img src="http://img.userboard.org/uploads/dr/drag/dragonsblades/images/test4.jpg" alt="1" /></a>
                <span class="top"><strong>Title text 1</strong>
Content text...</span>
            </li>
            <li class="sliderImage">
                <a href="http://web.de/"><img src="http://img.userboard.org/uploads/dr/drag/dragonsblades/images/test3.jpg" alt="2" /></a>
                <span class="top"><strong>Title text 2</strong>
Content text...</span>
            </li>
       <li class="sliderImage">
                <a href="http://gmx.de/"><img src="http://img.userboard.org/uploads/dr/drag/dragonsblades/images/test4.jpg" alt="3" /></a>
                <span class="top"><strong>Title text 3</strong>
Content text...</span>
            </li>
            <li class="sliderImage">
                <a href=""><img src="http://img.userboard.org/uploads/dr/drag/dragonsblades/images/test3.jpg" alt="4" /></a>
                <span class="top"><strong>Title text 4</strong>
Content text...</span>
            </li>
            <div class="clear sliderImage"></div>
        </ul>
    </div>
    <!-- // slider -->
</tr>
</td>
</table>


</body>
</html>


Forum
http://dragonsblades.phpbb8.de

Theme
Aero Blue (HTML angepasst im Header, CSS in Ursprungsform)
User avatar
isard
Grünschnabel
Grünschnabel
 
Posts: 2
Joined: 01.2014
Cash on hand: 377.34 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified
Forenstyle: mehrere in der Signatur angeben!

Re: Javascript Datei hochladen

Post#2by isard » 08.02.2014 03:33

Anmerkung
Bevor sich jemand wundert: Die Verlinkungen sind nur exemplarisch für Testzwecke, ebenso wie die Bilder ;)
User avatar
isard
Grünschnabel
Grünschnabel
 
Posts: 2
Joined: 01.2014
Cash on hand: 377.34 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified
Forenstyle: mehrere in der Signatur angeben!


Return to "phpBB3: Hilfestellungen bei der Benutzung"


 

Who is online

Users browsing this forum: Exabot [Bot], Google [Bot] and 2 guests

cron