Slideshow 
Autore: Davide T.
Visite 976,
Followers 2,
Condiviso 0
Buongiorno, volevo integrare questo slideshow https://codepen.io/digistate/pen/aEqzBB, copiando tutto per fare una prova noto che qualcosa va in conflitto... ecco la mia prova...non si vede nulla... Link
Cosa sbaglio?
Postato il
Autore
Il tutto in oggetto html ovviamente
Autore
Strano perché nell'oggetto html dovrebbe essere tutto semplice...
non ho avuto tempo di approfondire... ma la tua pagina ha una marea di codice extra... quasi sicuramente questi conflitti saranno dati dai troppi codici... provalo in una pagina pulita di un progetto nuovo...
Ciao Davide, sicuro che non ci sia qualche file JS o di altro tipo da abbinare allo script? Se non li carichi sul server non vedi niente anche se hai messo correttamente l'oggetto HTML.
Autore
Solitamente su codepen è tutto lì il codice...ps Skeggia ho provato infatti su una pagina vuota ma in quel caso è la stessa cosa...
Autore
Di un progetto nuovo..
Ok, allora come non detto, non saprei cosa suggerire, aspetta consigli dagli esperti.
Autore
Ecco il link del progetto nuovo con lo stesso codice
Autore
Grazie per il tempo dedicatomi...
Autore
Strano non funzioni...non capisco davvero il motivo...
...l'effetto di quello slider è carino, però a me pare dia problemi di visualizzazione con FF , metà immagine appare bianca per un secondo , e poi ridimensionando impazzisce e non sempre scorrono le immagini (parlo del progetto originale).
Da parte mia l'ho provato, al volo, con il codice sia nell'oggetto codice html che in dopo l'apertura del tag body (forse ancora più carino) e funziona...
Quindi hai sicuramente dimenticato del codice da qualche parte...
http://pcuty.altervista.org/16x/slid.html
http://pcuty.altervista.org/16x/slid2.html
Autore
Grande...io ho messo html nell'html, css nel css e ho allegato il file js...
Autore
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.7/css/swiper.min.css'>
forse non ho messo questo..ma dove l'hai preso?
Autore
Ma come hai copiato il codice?
Perché io l'ho copiato in tutti e tre i riquadri e non mi funziona..
...ora devo uscire...
comunque l'ho preso da questa pagina
https://s.codepen.io/boomerang/iFrameKey-3285df27-5560-d7a4-6c79-a6dc977d87f6/index.html
...bho ...
se la incollo non si apre...
comunque l'ho presa dal frame in full screen mode direttamente...
ci aggiorniamo...
scappo...
Autore
Aaaaa...thank u!!!! Se mi riesce lo posto..
In Codepen puoi vedere i file esterni necessari anche cliccando sugli ingranaggi posti vicino alle scritte CSS e JS.
Hai anche tralasciato il richiamo a questo file js: https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.7/js/swiper.min.js
E il richiamo ai file javascript va inserito nel body, in una posizione successiva al codice HTML, non in head.
Autore
Questi si vedono sempre fra i file esterni? Perché quel link non l'ho visto altrove...
Grazie intanto a tutti...
... infatti potrebbe esserlo; ...se sei in grado di realizzare lo slideshow in pagina indipendente e pubblicarla in rete, allora potresti risolvere all'istante con il mio storico codice del DIV_CUSTOM+IFRAME, immediato, leggero flessibile ed aggiornabile indipendentemente dal progetto e per qualsiasi sezione della pagina, senza stress...
... se ti interessasse questo metodo alternativo, realizza e posta il link del tuo slideshow, altrimenti continua le impostazioni per come ti sono state già anticipate...
.
Autore
Senza stress è meraviglioso...ma il tuo storico codice non è per lo sfondo?
...
...
... ed usato anche sì per il primo sfondo full screen ratio...
.
Autore
Pagina indipendente praticamente se ho capito bene, devo riprodurre lo slideshow col blocco note dove creo lo script html...praticamente devo ricreare le sezioni head, body e inserire gli script e lo style...poi lo richiamo col tuo codice...e lo faccio apparire dove.mi pare...il tutto sempre responsive...ok...l'unico problema è che tutti riescono a vedere questo codice che io non vedo...e se non lo vedo non so che scriverci...cioè se si tratta solo di una stringa ok...
... clicca con il destro del mouse nel frame delle immagini > Visualizza Sorgente Frame > seleziona tutto (Ctrl+A), ed incolla nel Blocco Note (Ctrl+V), imediato...
... poi correggi gli URL dove li vedi sprovvisti della radice HTTPS; ...fatto! ...indolore!...
.
Autore
Ok, sono a far la spesa...appena ritorno lo faccio...
... proprio per sfizio l'ho fatto adesso mentre digitavo, temporaneo...
... per averne un rapida idea, incolla questa stringa di codice nell'Oggetto Codice HTML:
<iframe src="http://www.kolasim-zone.it/trash/swiperextrak.html" width=100% height=400 style="height:100%"></iframe>
... più semplice del semplice ...
... casomai posta il tuo link per controllare...
.
Autore
Ok!!! Grazie...
Autore
http://provawe.altervista.org/pagina-1.html esce così...
... vedo male io, oppure all'Oggetto Codice HTML gli hai assegnato l'altezza a 165 pixel...?...
Autore
Controllo
Autore
È 800...ma infatti lo vedo ristretto...
Autore
nella pagina 4 ho incollato il codice dal frame... non è molto più semplice così?
... semplice, si! ...ma sbagliato!!! ...porta errore nel codice; ...per il codice nella pagina devi seguire i suggerimenti che ti hanno già dato precedentemente...
... sull'esempio iframe precedente, la misura attiva non è 800 pixel...
.
Autore
Ho capito...comunque ho attivato altezza automatica e come altezza c'è 800...e ho disattivato le barre di scorrimento..
... ma se non c'è alcun contenuto (solo codice), come vuoi che si attivi l'altezza automatica...!?...
... devi assegnare un valore reale, non hai provato...?...
... io non ho il programma ma mi sembra ovvio; ...potrei sbagliarmi, ma per sicurezza controlla...
Autore
Perché sul programma con l'oggetto html ti dà questa opzione...ho controllato proprio per non dirti sciocchezze...
...!... credi, ma non l'hai fatto...
...
... altrimenti avresti ottenuto un risultato simile a >> questo ... (provvisorio)
.
Autore
Comunque fa impressione come riprendi i siti per gli esempi...è la seconda volta che lo fai con me...Sembra che tu riesca ad entrare nel.mio pc...do una nuova controllata...