Beiträge von ENEF

Wie passt man den Rand von einem Bild automatisch an den Bildschirm an?
Höhe bleibt immer gleich eignentlich oder?

Wie bei diesem Bild, möchte ich das dieses Bild über den ganzen Rand geht.Unbenannt-1.jpg

Leider geht das Beispiel bei mir nicht, somit kann ich dir nicht sagen ob es das ist.

Hi leute, meine momentane Navigation switcht immer direkt zu dem Punkt wo ich sie setze, wie kann ich sie aber elegant und langsam da hin bringen? mein momentaner Code:

<!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed mnavi" data-toggle="collapse" data-target="#defaultNavbar1" aria-expanded="false">Toggle navigation<span class="icon-bar"></span></button>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navi" id="defaultNavbar1">
              <ul class="nav navbar-nav navbar-right">

				<li><a href="#about">Home</a></li>
                <li><a href="#angebot">Referenzen</a></li>
                <li><a href="#service">Services</a></li>
                <li><a href="#clients">Kunden</a></li>
                <li><a href="#contact">Kontakt</a></li>
              </ul>
            </div>
            <!-- /.navbar-collapse -->
          </div>
          <!-- /.container-fluid -->

Soll halt so aussehen wie bei dem Tutorial wo ich den link mit einbezogen habe. Nur ist es da so, dass man zwischen aktiven Bildern auf der Seite Switcht. Bei mir soll es so sein wie oben beschrieben, eins was angezeigt wird und der Rest ist in einem Ordner.

Freundliche Grüße

//Push/ Suche weiterhin!

Aloha,

Ich bin zurzeit dabei für meine Schwiegermutter eine Seite zu erstellen. Das HTML und CSS war weniger ein problem. Ich habe jetzt schön mehrfach versucht selbst was mit JavaScript zu schaffen aber immer hat es nicht funktioniert und deswegen suche ich jemanden, der mir für eine kleine Gegenleistung etwas einbaut. Es geht um folgendes: Ich habe auf der Seite 3 Bilder mit Referenzen eingebaut, alle 3 Bilder sind verschiedene Tätigkeiten. Wenn man dann Bsp. auf Bild 1 klickt soll man zwischen mehreren Bildern Switchen können. Diese sollen Beispiel im Ordner "Bilder1" liegen. Bei dem zweiten Bild sollen dann die Bilder von Ordner "Bilder2" kommen und im dritten logischerweise von "Bilder3". Das ganze soll folgendermaßen aussehen: https://osvaldas.info/examples…esponsive-touch-friendly/

Wenn man da runter scrollt kommen die Boxxen wo "Combination" heißen, genau so soll es aufgebaut sein nur eben wie oben beschrieben mit den Ordnern und nicht das man zwischen den Bildern die aktiv auf der Seite sind Switcht.

Falls jemand Interesse daran hat kann er sich gerne hier im Threath melden, über die anderen Sachen können wir dann alles per pn regeln. (Code, Bezahlung, ...)

Viele freundliche Grüße
ENEF

@xGreekz7x
Da ist es aber nur möglich zwischen Bildern die aktiv auf der Seite sind zu Switchen oder ?
Ich meinte aber, dass welche in einem Ordner sind die man dann so anschauen kann. Ist das möglich?

Hi, wie erstelle ich so eine Bildvorschau?
Beispielsweise wenn ich auf einen Button klicke, sollen mehrere Bilder zur auswahl stehen die man darüber schauen kann.
Ich weiß nicht wie man so etwas nennt, deswegen frage ich hier.show.png

Also hab jetzt die Größe auf 360px angepasst und nun hat es seine alte Größe, dennoch gibt es ein Problem.
Der Text der eigentlich unter dem Bild sein soll ist jetzt oben unter dem Bild, ich habe auch schon den z-index auf 2 gestellt und versucht diehöhe zu verstellen, aber dann verschieben sich meine anderen mit da sie alle die selbe Classe besitzen. Wieso ging es einfach in diese Position, ich habe doch an diesem Text nichts verändert?
showit.jpg

Entschuldige, der Ordner heißt natürlich Images

Edit: Ich habe es aus irgendeinem Grund hinbekommen
Aber komischerweiße ist das zweite Bild verschoben und Größer als das andere, obwohl sie die gleiche größe haben.

Mein CSS Code sieht folgt aus:

#diashow img {
    display: none;
}
#diashow #eins {
    display: block;
}

Ich kenne mich nicht so aus mit JavaScript. Ich bin nur grad am üben und will einfach mal ne website erstellen wo so einen Übergang hat und dann hab ich das Tutorial gefunden

Die Bilder heißt name02.jpg und name03.jpg

Und der Ordner in den sie sind heißt Image und die URL eben enefdesigns.de

Eigentlich ist doch alles richtig oder ?

Aber der Ordner wo die Bilder die "name01, name02" usw heißen, heißt doch Image und deswegen hab ich den Pfad angegeben. Wenn ich den Pfad angebe wo du sagst dann wird ja nur name02 geladen aber es sollen ja mehrere geladen werden. Deswegen dachte ich so gehört es. Ist das jetzt richtig oder nicht ? Weil geladen wird ja nur das Bild wo als erstes da ist.

E:

Er sagt wirklich, dass die Datei name02.jpg nicht gefunden wird..
Ich habe ja mein hauptverzeichnis wo die Index und die ordner drinne sind. Davon heißt ein Ordner images und da sind die Bilder die den namen "name01" "name02" ... haben. Ist mein Dateipfad jetzt falsch ?

function newimg() {
  if (current < 1) {
    var cu1=current+1, cu2=current+2;
    imgAdr="http://enefdesigns.de/images/name";
    imgs[cu1] = new Image();
    imgs[cu1].src = imgAdr + ((cu2)<10 ? "0" + (cu2) : (cu2)) + ".jpg";
    imgs[cu1].xOpacity = 0;
    d.getElementById("diashow").appendChild(imgs[cu1]);
  }
}

Ich verstehe es echt nicht mehr

Welche Zeile meinst du? Ich sehe keine Zeilen Angaben
Brauchst du den kompletten Code ?

Hey leute, ich habe mit diesem Tutorial eine Slideshow/Diashow probiert. Die Diashow startet, ladet aber meine Bilder aus irgendeinem Grund nicht.
Das erste Bild ist geladen und dann die nachfolgenden können nicht gefunden werden oder ich bin einfach zu blöde den richtigen Pfad anzugeben.
Das Tutorial ist hier zu finden:
http://www.webdesign-klamonfra…deschnipsel/slideshow.php

Mein JavaScript Code schaut wie folgt aus:

/*****


Image Cross Fade Redux
Version 1.0
Last revision: 02.15.2006
steve@slayeroffice.com


Please leave this notice intact. 


Rewrite of old code found here: http://slayeroffice.com/code/imageCrossFade/index.html




*****/




window.addEventListener?window.addEventListener("load",so_init,false):window.attachEvent("onload",so_init);


var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;


function so_init() {
  if(!d.getElementById || !d.createElement)return;
  imgs[0] = d.getElementById("diashow").getElementsByTagName("img")[0];
  imgs[0].style.display = "block";
  imgs[0].xOpacity = .99;
  setTimeout(so_xfade,3000);
  newimg();
}


function so_xfade() {
	cOpacity = imgs[current].xOpacity;
	nIndex = imgs[current+1]?current+1:0;


	nOpacity = imgs[nIndex].xOpacity;
	cOpacity-=.05; 
	nOpacity+=.05;
	imgs[nIndex].style.display = "block";
	imgs[current].xOpacity = cOpacity;
	imgs[nIndex].xOpacity = nOpacity;
	setOpacity(imgs[current]); 
	setOpacity(imgs[nIndex]);
	if(cOpacity<=0) {
		imgs[current].style.display = "none";
		current = nIndex;
		setTimeout(so_xfade,3000);
    newimg();
  } else {
    setTimeout(so_xfade,50);
	}
	function setOpacity(obj) {
		if(obj.xOpacity>.99) {
			obj.xOpacity = .99;
			return;
		}
		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
	}
}
function newimg() {
  if (current < 1) {
    var cu1=current+1, cu2=current+2;
    imgAdr="http://enefdesigns.de/images";
    imgs[cu1] = new Image();
    imgs[cu1].src = imgAdr + ((cu2)<10 ? "0" + (cu2) : (cu2)) + ".jpg";
    imgs[cu1].xOpacity = 0;
    d.getElementById("diashow").appendChild(imgs[cu1]);
  }
}

Meine Bilder speichere ich auf meiner Website und im Ordner images. Im Tutorial heißt es weiterfolgende Bilder soll man name01 - namexx bennen, habe ich auch getan und gespeichert sind sie per .jpg

Wenn einer so freundlich wäre und mir eventuell mal drüber schaut und einen Tipp gibt wäre das sehr nett, ich hock mittlerweile seit gestern daran

Freundliche Grüße

Wo muss ich denn die Ordner Angabe machen? Es ist ja nur das erste Bild im Dokument festgelegt der Rest soll ja zufällig aus einem Ordner geladen werden

Danke

Kann ich den JavaScript Code ins html Dokument schreiben oder soll der extra ?

Ist das arg viel Arbeit ? Bzw. viel Anpassung ?
Hast vll ein gutes Tutorial weil ich hatte noch nie was mit Java zutun

Hi, wie lass ich hier alle 10sek random bilder kommen? Am besten mit einem weißen übergangshow.jpg

Kannst du dich mal etwas deutlicher machen? Ich verstehe nämlich nicht was du jetzt möchtest

Kaliber, wenn ich die Position auf Fixxed stelle schiebt sie sich nach links und wenn ich dann runter scrolle verschwindet die navigation hinter dem Header und den anderen Bildern...

Hi, ich habe ein Responsives Design erstellt per Dreamweaver. Jetzt wollte ich wissen wie ich die Navigation für Smartphone Variante "mit führend" machen kann also wenn ich runter slide die Navigation mit geht ?