Immagine in anteprima post
Autore: Comunicando D.
Visite 1028,
Followers 2,
Condiviso 0
Ciao,
volevo un aiuto per riuscire a visualizzare una anteprima di una immagine nel post ridotto.
probabilmente questi due tag avranno dei comandi e magari con tipo:
.imBlogPostSummary { inserisci anteprima immagine 100px } si può riuscire ad avere un buon risultato.
* ".imBlogPostBody, .imBlogPostSummary { margin: 10px 0 0 0; }"
*codice generato da programma.
Postato il
Se ti stai riferendo agli articoli del blog, puoi dare un'occhiata qui: http://www.unofficialwsx5.com/index.php?topic=1802.0
Anche se gli esempi online non sono più presenti, in quel topic c'è tutto quello che ti serve.
Devi leggerlo bene tutto, perché c'è anche una piccola modifica da fare (estensione) per la versione 11.
Un esempio lo puoi vedere qui (sezione Blog): http://quellidelcucuzzolo.altervista.org/templates/tamarillo/ (v10)
Autore
ho collegato tutto ma non riesco a far apparire nulla. ma ho capito bene che il codice html è questo ?
<div id="newsBlog"></div>
non appare niente all'interno.
altri codici:
<script>
var nNews= 5; //numero delle notizie visibili
</script>
<script src="http://www.okilprezzoegiusto.eu/blognews.js"></script>
$(document).ready(function () {
var request = $.ajax({
type: 'GET',
url: "http://www.okilprezzoegiusto.eu/blog/x5feed.xml",
dataType: "xml"
});
request.done(parseXML);
});
function parseXML(xml) {
$(xml).find('item').each(function (index) {
var miadata = new Date($(this).find('pubDate').text());
var day = miadata.getDate();
var mese = miadata.getMonth() + 1;
var year = miadata.getFullYear();
var titolo = $.trim($(this).find('title').text());
var link = ($(this).find('link').text());
var articolo =$($(this).find('description').text());
var immagine = articolo.find('img').eq(0).attr('src');
var desc = articolo.text().substr(0, 100);
var tagImg = immagine ? "<img src='"+immagine+"' class='imgBlog' />" : "";
var link_markup = '<div class="dataBlog">' + day + '/' + mese + '/' + year + ' </div><div class="titoloBlog">' + titolo + '</div><div class="descBlog">' + tagImg + desc + '...</div><div class="leggiTutto"><a class="imCssLink" href="' + link + '">Leggi tutto »»</a></div><div class="divisorio"></div>';
$(link_markup).appendTo('#newsBlog');
if (index == (nNews - 1)) return false;
});
};
nella pagina test .. http://www.okilprezzoegiusto.eu/test.html ??
Autore
anche il template ha lo stesso deficit, probabilmente è nella versione 11 che è cambiato qualche parametro id ??
Si deve leggere con più attenzione e non occorre postare tutto il papiro del codice.
Autore
ok,
ho verificato ogni riga del post ma anche cambiando il file .js il risultato non cambia :/
Questa la modifica da fare: http://www.unofficialwsx5.com/index.php?topic=1802.msg13359#msg13359
Ti consiglio di provare con un progetto nuovo per evitare di inserire lo script in un progetto con errori JS
Inoltre, attualmente, a questo link http://www.okilprezzoegiusto.eu/test.html non è presente il file .js nel percorso indicato:
<scriptsrc="files/newsblogThumbs.js"></script>
Per concludere: altri utenti con la versione 11 non hanno incontrato difficoltà (in fondo si tratta solo di "pappa pronta").
Autore
domanda ,
nel file .js è solo l'estensione del file da usare o anche gli altri xml vanno modificati ?
io ho provato anche a modificarli ma non ho visualizzato nulla
Te la faccio una domanda: secondo te questa frase cosa vuol dire?
Nel tuo sito ci sono vari errori JS, risolvili.
Autore
google mi da errore a questa riga sia se metto xml che cosi: "request.done(parsePHP);"
gli altri errori sembrano scomparsi meno uno di javascript su questa righa: "document.getElementById('imBlogBlock2').style.position = 'static';"
qualcuno che riconosce l'errore ?