ilch Forum » Ilch Clan 1.1 » Module und Modifikationen » Bilderanzeige mit Slider?

Geschlossen
  1. Mo. 30.01.2012 22:07 Uhr #1
    User Pic
    darkentik Mitglied
    Registriert seit
    29.03.2007
    Beiträge
    420
    Beitragswertungen
    1 Beitragspunkte
    Hi Leute,

    ich habe jetzt stunden an meiner Website gesessen und versucht einen Slider (javascript) einzubauen um Bilder anzuzeigen.
    Wieso?
    Ich bin dabei Amazonwerbung einzufügen und ausgewählte Spiele anzubieten.
    Bitte nicht anfangen "ja scheiß Werbung"-das is jedem seine Entscheidung.

    Ich möchte ganz simpel kleine Bilder von Spielen anzeigen lassen, die automatisch nach links wegscrollen und man aber dennoch einen Pfeil links und rechts neben den Bildern hat um in die jeweilige Richtung zu scrollen.

    Momentan hab ich die Bilder nur mit nem <marquee> von rechts nach links laufen, aber das ist mir nich ausreichend. Und <marquee> ist ja auch nicht so komfortabel.

    Da ich bei besten Willen kein so guter Programmierer bin und momentan immer nur scheitere-egal welchen slider (javascript) ich nehme-hoffe ich ihr könnt mir vielleicht weiterhelfen.

    Wenn mir vielleicht jmd helfen könnte eine Bilderanzeige zu basteln, wäre ich demjenigen sehr dankbar. Wenn der Aufwand ins Unermessliche steigen sollte, wäre ich auch bereit ein kleines Taschengeld zu zahlen.

    Gute Nacht, bis morgen.

    Mfg

    David aKa Darkentik

    betroffene Homepage: externer Link
    Fritsch´s Community
    My Deviant
    0 Mitglieder finden den Beitrag gut.
  2. Mo. 30.01.2012 23:11 Uhr #2
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    naja du weisst ja was du willst also kann man das auch unseren freund google fragen lächeln

    sowas zb.?
    externer Link
    Wie poste ich falsch?
    0 Mitglieder finden den Beitrag gut.
  3. Di. 31.01.2012 07:42 Uhr #3
    User Pic
    darkentik Mitglied
    Registriert seit
    29.03.2007
    Beiträge
    420
    Beitragswertungen
    1 Beitragspunkte
    Du hast ja Recht und Google hat mir gestern Abend auch schon gut geholfen, das Problem ist ich bekomm die fertigen Slider nicht angepasst.
    Sowas hier reicht:
    externer Link
    Und coolk wäre es noch wenn der Slider automatisch läuft und der User nach belieben nochmal zurück oder weiter forwärts blättern kann.
    Die sieht auch gut aus.
    externer Link

    Ich möchte halt unten nen Counter haben und links und rechts Pfeile zum navigieren.
    Hatte gestern einfach die Nase voll, weils nicht geklappt hat. Werd mich heut nochmal hinsetzen.
    Wenn ich mit dem Code nicht klar komme, werd ich den mal posten.
    Fritsch´s Community
    My Deviant
    0 Mitglieder finden den Beitrag gut.
  4. Di. 31.01.2012 12:21 Uhr #4
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    hm habe mal eine Box gebastelt kannst ja mal testen bzw musst dein design anpassen.

    Vorschau: reallifetreffen.rl.funpic.de/ilch/ilchClan11o
    Download: rautesiggi.uo-stuff.de/index.php?downloads-show-10


    Zuletzt modifiziert von Siggi am 31.01.2012 - 12:55:11
    Wie poste ich falsch?
    1 Mitglieder finden den Beitrag gut.
  5. Di. 31.01.2012 18:03 Uhr #5
    User Pic
    darkentik Mitglied
    Registriert seit
    29.03.2007
    Beiträge
    420
    Beitragswertungen
    1 Beitragspunkte
    Siggi du bist mein Held!
    Das sieht ja schon richtig gut aus der Slider.
    Ich schau es mir jetzt mal an und wenn ich fragen oder Probleme meld ich mich nochmal.
    Mal ne Frage: Wie lange hast du ehrlich dafür gebraucht? Ich bin ja gestern an diesen Javascriptdingern kläglich gescheitert nach ca 4-5 Stunden. :'(
    Fritsch´s Community
    My Deviant
    0 Mitglieder finden den Beitrag gut.
  6. Di. 31.01.2012 18:22 Uhr #6
    User Pic
    darkentik Mitglied
    Registriert seit
    29.03.2007
    Beiträge
    420
    Beitragswertungen
    1 Beitragspunkte
    Kann ich denn irgendwo einstellen, dass immer 2,3,4 oder mehr angezeigt werden?
    Also so ne Art wie Gruppen anzeigen lassen?
    Bsp.: 3 Bilder anzeigen->dann die nächsten 3...usw.
    Geht das? Wo kann ich das einstellen?
    Die Pfeile würd ich gern auch außerhalb der Bilder haben.
    Versuchs mal eben so einzubauen und nicht als Box. Mal sehen wie ich mich anstelle..;)


    @EDIT:

    Also das einbauen hat ohne Probleme geklappt, da es ja eine normale Box ist.
    Aber beim Anpassen komm ich nicht zurecht.
    Ich möchte die Pfeile gerne links und rechts neben dem Bild haben.
    Und mein Amazon Vorschau Popup wird nicht mehr angezeigt.
    Selbst wenn ich den Slider nicht als Box sondern direkt in meine index.htm einbinde wird die Amazon Vroschau nicht angezeigt.
    Hast du da eine Idee?
    Hier meine index.htm wo am Ende das Amazon-Script aufgerufen wird.
    So soll es laut Amazon auch eingebunden werden. 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">
<html>
<head>
    <title>Fritsch´s Community - Carpe Diem!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="Stylesheet" type="text/css" href=" include/designs/FC/style.css" />
    <link rel="SHORTCUT ICON" href="include/designs/FC/favicon.ico">
    <script language="Javascript">

        Bild1 = new Image;
        Bild1.src = "/include/designs/FC/Bilder/Navigation/news.gif";
        Bild1a = new Image;
        Bild1a.src = "/include/designs/FC/Bilder/Navigation/newshover.gif";

        Bild2 = new Image;
        Bild2.src = "/include/designs/FC/Bilder/Navigation/forum.gif";
        Bild2a = new Image;
        Bild2a.src = "/include/designs/FC/Bilder/Navigation/forumhover.gif";

        Bild3 = new Image;
        Bild3.src = "/include/designs/FC/Bilder/Navigation/fzs.gif";
        Bild3a = new Image;
        Bild3a.src = "/include/designs/FC/Bilder/Navigation/fzshover.gif";

        Bild5 = new Image;
        Bild5.src = "/include/designs/FC/Bilder/Navigation/ts3.gif";
        Bild5a = new Image;
        Bild5a.src = "/include/designs/FC/Bilder/Navigation/ts3hover.gif";
    </script>
    <script type="text/javascript">
    
              var _gaq = _gaq || [];
              _gaq.push(['_setAccount', 'UA-28718922-1']);
              _gaq.push(['_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 link="#042b4c" vlink="#042b4c">
    <div class="Page">
        <div class="Topwrapper">
            <div class="LoginForm">
                {_boxes_login}
            </div>
            <div class="Statistik">
                {_boxes_statistik}
			</div>
        </div>
        <div class="Header">
           <div class="werbungHeader1">
		   		{_boxes_slider}
			</div>
            <div class="LastForum">
                <u>Letzte Foreneinträge :</u>
                <br />
                {_boxes_lastforum}
            </div>
            <div class="MainNavi">
				 <div class="menuNews">
                	 <a onmouseover="{document.news.src = Bild1a.src; return true}" onmouseout="{document.news.src = Bild1.src; return true}"class="news" href="?news">
                        <img src="include/designs/FC/Bilder/Navigation/news.gif" name="news" width="63px" height="15px" border="0" />
                     </a>
                </div>
                <div class="menuForum">
                	 <a href="?forum" onmouseover="{document.forum.src = Bild2a.src; return true}" onmouseout="{document.forum.src = Bild2.src; return true}">
                        <img name="forum" src="include/designs/FC/Bilder/Navigation/forum.gif" width="64px" height="15px" border="0" />
				     </a>
                </div>
                <div class="menuFavouzsites">
                	 <a onmouseover="{document.links.src = Bild3a.src; return true}" onmouseout="{document.links.src = Bild3.src; return true}" href="?links">
                        <img name="links" src="include/designs/FC/Bilder/Navigation/fzs.gif" width="93px" height="15px" border="0" />
					 </a>
                </div>
                <div class="menuTS3">
                	 <a onmouseover="{document.gbook.src = Bild5a.src; return true}" onmouseout="{document.gbook.src = Bild5.src; return true}" href="?ts3">
                        <img name="gbook" src="include/designs/FC/Bilder/Navigation/ts3.gif" width="93px" height="15px" border="0" />
					</a>
                </div>            
            </div>
            <div class="werbungHeader2">
				 
			</div>
        </div>
        <div class="MainPanel">
        	 {_boxes_allianz}
        </div>
        <div class="Contentbereich">
            <div class="ForumNavigation">
                {HMENU}</div>
            <div class="Content">
                {EXPLODE}</div>
        </div>
        <div class="Footer">
            <div class="FoLinks">
                <a href="?impressum">Impressum</a>
            </div>
            <div class="FoLogo">
                <img src="include/designs/FC/Bilder/FooterLogo.gif" width="24" height="22" /></div>
            <div class="FoCopyright">
                Scriptcopyright by <a href="http://www.ilch.de">Ilch</a> | Design & -coding by David
                Fritsch
            </div>
        </div>
    </div>
<script type="text/javascript" src="http://wms.assoc-amazon.de/20070822/DE/js/link-enhancer-common.js?tag=fritscommu-21">
</script>
<noscript>
    <img src="http://wms.assoc-amazon.de/20070822/DE/img/noscript.gif?tag=fritscommu-21" alt="" />
</noscript>
</body>
</html>


    Grüße
    Darkentik


    Zuletzt modifiziert von darkentik am 31.01.2012 - 19:06:53
    Fritsch´s Community
    My Deviant
    0 Mitglieder finden den Beitrag gut.
  7. Di. 31.01.2012 20:37 Uhr #7
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    vom amazone werbung habe ich so keine erfahrung und mit den buttons anders machen gerade auch nicht.

    sowie mehrere nebeneinander dann muesste man evtl doch ein andern slider nehmen
    Wie poste ich falsch?
    0 Mitglieder finden den Beitrag gut.
  8. Mi. 01.02.2012 20:26 Uhr #8
    User Pic
    darkentik Mitglied
    Registriert seit
    29.03.2007
    Beiträge
    420
    Beitragswertungen
    1 Beitragspunkte
    Ich lass das mal von Amazon prüfen.
    Kann mir nur vorstellen, dass dein Javascript das von Amazon blockt...das war auch einmal ein normales javascript und ein <noscript>...keine Ahnung was das ist.
    Wenn jmd ne Idee bin stets interessiert an Lösungsvorschlägen.
    Fritsch´s Community
    My Deviant
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Module und Modifikationen

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten