/ / Usando jQuery .prepend combinado com algum PHP - jquery

Usando jQuery .prepend combinado com algum PHP - jquery

Eu estou usando alguns jQuery básico e PHP para gerar uma lista de imagens para usar em uma apresentação de slides jQuery.

Aqui está o PHP e HTML:

<div id="coin-slider-holder">
<div id="coin-slider">

<?php
$url = "$CFG->themewww"."/".current_theme()."/images.xml";
$xmlstr = file_get_contents($url);
$xml = new SimpleXMLElement($xmlstr);
$images = array();

foreach ($xml->image as $image) {
$id = (string)$image->id;
$images[$id] = array(
"id"     => (string)$image->id,
"link"     => (string)$image->href,
"src"     => (string)$image->source,
"title" => (string)$image->title,
"alt"     => (string)$image->alt
);
}

ksort($images);

foreach ($images as $image){
echo "<a href="".$image["src"].""><img src="/images/".$image["src"]."" alt="".$image["alt"].""/>";
echo "<span>".$image["title"]."</span></a>";
}
?>

</div>
</div>

Isso tudo funciona, no entanto, quero inserir este HTML e PHP em um ponto específico da página que eu possa editar.

Estou olhando para usar:

$("#site-index .sitetopic").prepend("<p>Insert jQuery Slider Here</p>");

Mas posso usar .prepend para inserir o código acima?

Respostas:

0 para resposta № 1

Veja este código: http://jsfiddle.net/pzn6q/ Como você pode ver, é possível usar esse código PHP para gerar conteúdo de .prepend"argumento de s.


0 para resposta № 2

Sim, você pode usar .prepend () aqui. Se você quiser criar uma galeria dinâmica, seria melhor usar o jQuery AJAX. Faça algo como o seguinte na resposta do AJAX

$("#showGallery").prepend(respText);

Aqui, showGallery é o id do DIV ou Table que você quer mostrar seu código PHP e o respText é sua resposta AJAX com código PHP.

Confira o seguinte URL para ter mais detalhes sobre .prepend ()

http://api.jquery.com/prepend/