[TYPO3] searching javascript

Christopher Torgalson bedlamhotel at gmail.com
Fri Sep 19 16:19:51 CEST 2008


Hello,

On 19-Sep-08, at 3:00 PM, Rupali Gupta wrote:

> http://interface.eyecon.ro/demos/carousel.html
> need same like this one, the images should be more close to each  
> other ths
> all


So what's the problem? TYPO3 is a tool for outputting HTML. Your task  
is to figure out how to output the appropriate HTML. The nice thing  
about the internet is that when you see something you like, you can  
*look at the source* and figure out how it was done.

Go back and look at that page, there are a bunch of js files included  
in the head, a small inline script, there's probably some relevant  
styles in the site's stylesheet, and there's a block of images like  
this:

<div id="carousel">
	<a href="images/imagebox/bw1.jpg" title="Moon eclipse"  
rel="imagebox"><img src="images/carousel/th_bw1.jpg" width="100%" /></a>
	<a href="images/imagebox/bw2.jpg" title="Rain drops"  
rel="imagebox"><img src="images/carousel/th_bw2.jpg" width="100%" /></a>
	<a href="images/imagebox/bw3.jpg" title="Church" rel="imagebox"><img  
src="images/carousel/th_bw3.jpg" width="100%" /></a>
	<a href="images/imagebox/lights1.jpg" title="City lights"  
rel="imagebox"><img src="images/carousel/th_lights1.jpg" width="100%" / 
 ></a>
	<a href="images/imagebox/lights2.jpg" title="Flash lights"  
rel="imagebox"><img src="images/carousel/th_lights2.jpg" width="100%" / 
 ></a>
	<a href="images/imagebox/lights3.jpg" title="Laser lights"  
rel="imagebox"><img src="images/carousel/th_lights3.jpg" width="100%" / 
 ></a>
</div>

You should be able to do a job like this quite quickly with Typoscript  
and an FCE ('flexible content element'), or you could also write an  
extension to do it. But there is not an extension or readymade  
solution for every problem.

--
Christopher Torgalson
http://www.typo3apprentice.com/







More information about the TYPO3-english mailing list