integracja skryptu z quickiem - howto

pxl666

2010-12-13 15:36

witam

czy ktos moze podpowiedziec jak zintegrowac taki skrypt z quickiem?

http://www.htmldrive.net/items/demo/259/Animated-slideshow-banner-with-jQueryStartStop-Slider

tak zeby mozna bylo zmieniac teksty i obrazki z admina?

pzdr

» Quick.Cms v2.x

Rad

2010-12-14 19:06

Nie wiem jak zadziała jquery z quick.cms... jakaś szansa jest. Męczyłem się ostatnio z zintegrowaniem czegoś podobnego w javascripcie z adminem, udało się. Najpierw sprawdź postępując z instrukcją czy skrypt zadziała.

Rad

pxl666

2010-12-15 10:49

znajomy sprobowal i zintegrowal zmiane tekstu, nie umie jednak dodac edycji obrazka

Rad

2010-12-16 23:19

Nie wiem jak to robił...
To jest jeden png - obrazek z "learn more":
<a href="#"><img src="images/slide-1-image.png" alt="learn more" /></a>
Jak już zrobił edycję tekstu to obrazek nie powinien być problemem. Co znaczy "edycji obrazka"? Trzeba go stworzyć.

Rad

pxl666

2010-12-17 08:34

learn more jest tylko buttonem jakby, obok jest wlasciwy obrazek do tresci danego boxa

i chodzi oto zeby go edytowac - moc zmieniac, z admina

Rad

2010-12-17 11:38

Learn more jest połączony z obrazkiem - to jeden plik png z przeźroczystością. Trzeba sobie takie pliczki przygotować jako PNG-24 z przeźroczystością, wczytywać i linkować za pomocą edytora wysiwyg lub html w panelu admina.

Rad

Cinek.ck

2010-12-17 14:38

Chodzi o dodawania niezależnie od strony, znaczy nieprzypisany obrazek do strony, który można wgrać przez panel admina (jak banner), idąc śladem banera, nie udało się i tu jest problem. Wszystko poza integracją upload-u jak w Quick-u jest już zrobione czyli: linkowanie, opis, temat jest w pełni edytowalne z admina (nie przez wyswing)...
Ma ktoś jakiś pomysł, podpowiedź jak się za to zabrać?
Pomóżmy pxl666-owi ;) przy okazji będziemy wiedzieć więcej o systemie ;)

lordofhares.com

pxl666

2010-12-17 14:56

notak - oba sa polaczone razem...wczesniej tego nie zauwazylem

ale generalnie chodzi mi oto zeby moc edytowac je z poziomu admina - tzn zmieniac...

Rad

2010-12-18 10:22

A jakby to tak obejść. Stworzyć nowy szablon zawierający linki do skryptów, css-a i w body diva page-wrap, a zamiast jego zawartości dać diva content z quicka. Dodać nowa podstronę i wybrać dla niej ten szablon. Wtedy będzie można ją edytować - dodawać treść i obrazki. Następnie w containerze wstawić tą podstronę w odpowiednie miejsce za pomocą include lub czegoś podobnego, w ostateczności iframe.

Rad

pxl666

2010-12-20 12:00

no byc moze tak sie da - czy moglbys deko przyblizyc ten proces? php nie znam - jedynie co to copy/paste ...

patrzylem tu na opis instalacji
http://www.htmldrive.net/items/show/259/Animated-slideshow-banner-with-jQueryStartStop-Slider.html
ale pomimo tego nie bardzo sobie to wyobrazam...

Rad

2010-12-20 18:18

Musisz przebudować container.tpl tak żeby nie było niepotrzebnych bloków (head1, head2 itd.) właściwie wystarczy div content i stopka (nie można jej usuwać - licencja).

Zamknij diva content w divie slider (instrukcja instalacji) czyli chyba tak:
<div id="slider">
<div id="mover">
<div id="content">
</div></div></div>

W headzie wstaw linki do js:
<script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="js/startstop-slider.js"></script>

Zapisz to jako np container2.tpl

W katalogu themes edytuj default.php i tam zmień nazwy z container na container2.
Zapisz go np jako default2.

Wszystko znajdziesz w instrukcji - tworzenie szablonów i tematów.
Stwórz niewidoczne menu - znajdziesz solucję na forum.

Przejdź do admina i utwórz podstronę, dodaj ją do tego niewidocznego menu a jako temat wybierz ten default2.php
W treści wklej
<div id="slide-1" class="slide">
<h1>Garden Rack</h1>
<p>Donec gravida posuere arcu. Nulla facilisi. Phasellus imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien. Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p>
<a href="#"><img src="images/slide-1-image.png" alt="learn more" /></a>
</div>
Możesz dodać w ten sposób kolejne slajdy. Powinno też działać z edytorem wysiwyg.

Teraz w container.tpl wstaw tą stronę, nie wiem jak, najprościej przez iframe:
<iframe src="?nazwa-strony,50" width="400" height="300">
Twoja przeglądarka nie obsługuje ramek pływających!
</iframe>

I zobaczymy

pxl666

2010-12-21 08:32

dzieki za pomoc

narazie probuje nieco inaczej :

w kontenerze mam kod :

[code]<div id="head2">
<div id="slider">

<div id="mover">

<div id="slide-1" class="slide">

<h1>naglowek1</h1>

<p>Donec gravida posuere arcu. Nulla facilisi. Phasellus imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien. Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p>

<a href="#"><img src="slider/images/slide1.jpg" alt="learn more" /></a>

</div>

<div class="slide">

<h1>naglowek2</h1>

<p>Donec gravida posuere arcu. Nulla facilisi. Phasellus imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien. Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p>

<a href="#"><img src="slider/images/slide2.jpg" alt="learn more" /></a>

</div>

<div class="slide">

<h1>naglowek3</h1>

<p>Donec gravida posuere arcu. Nulla facilisi. Phasellus imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien. Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p>

<a href="#"><img src="slider/images/slide3.jpg" alt="learn more" /></a>

</div>

</div>

</div>[/code]

i pytanie - co mam wkleic by w tresci i naglowku miec wygenererowana tresc danej strony?

probowalem tak:

[code]<div id="slide-1" class="slide">

<h1>Pracujemy zespołowo</h1>

<p><div id="page">
<div class="content" style="clear:left;">$aData[sDescriptionFull]</div>
</div></p>

<a href="#"><img src="slider/images/slide1.jpg" alt="learn more" /></a>

</div>[/code]

ale nic sie nie generuje...