Warning: mysql_real_escape_string(): Access denied for user ''@'localhost' (using password: NO) in /www/htdocs/w0091c68/wp-content/plugins/statpress/statpress.php on line 1191

Warning: mysql_real_escape_string(): A link to the server could not be established in /www/htdocs/w0091c68/wp-content/plugins/statpress/statpress.php on line 1191

Warning: mysql_real_escape_string(): Access denied for user ''@'localhost' (using password: NO) in /www/htdocs/w0091c68/wp-content/plugins/statpress/statpress.php on line 1194

Warning: mysql_real_escape_string(): A link to the server could not be established in /www/htdocs/w0091c68/wp-content/plugins/statpress/statpress.php on line 1194

Warning: mysql_real_escape_string(): Access denied for user ''@'localhost' (using password: NO) in /www/htdocs/w0091c68/wp-content/plugins/statpress/statpress.php on line 1197

Warning: mysql_real_escape_string(): A link to the server could not be established in /www/htdocs/w0091c68/wp-content/plugins/statpress/statpress.php on line 1197
Javascript Bildergalerie mit Slideshow Effekt | Ajaxschmiede.de


Jan 24

Javascript Bildergalerie mit Slideshow Effekt

Tag: Javascript,mootoolsTobi @ 10:33 pm

Dieser Beitrag richtet sich an alle, die ihre Webseiten mit einer eleganten, animierten Bildergalerie aufpeppen möchten.

Die Web2.0 Bildergalerie „slideshow“ von pathfusion bietet dafür einen nützlichen Funktionsumfang. Sie ermöglicht es, die Einzelbilder mit Effekten wie fade (überblenden), wipe (verschieben) und slide (überdecken) zu wechseln.

Die Integration und Konfiguration des Scripts ist sehr einfach.

Zuerst müssen die benötigten Javascript-Dateien im Header eingebunden werden.

<link rel="stylesheet" type="text/css" href="slideshow.css" media="screen" />
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="backgroundslider.js"></script>
<script type="text/javascript" src="slideshow.js"></script>

Konfiguriert wird das Script wie folgt:

var obj = {
	wait: 3000, /*Wartezeit bis zum Bildwechsel*/
	effect: 'fade', /*Effekt*/
	duration: 1000,
	loop: true, /*als Endlosschleife abspielen (ja / nein)*/
	thumbnails: true, /*Vorschaubilder nutzen (ja / nein)*/
	backgroundSlider: true, /*die bachgrundslider-Klasse für Vorschaubilder nutzen (ja / nein)*/
	onClick: function(i){alert(i)} /*Funktionsaufruf, wenn ein Bild angeklickt wird*/
}
/*ein neues Objekt der SlideShow-Klasse erstellen*/
show = new SlideShow('slideshowContainer','slideshowThumbnail',obj);

Den restlichen, zugehörigen HTML Code entnehmt ihr der slideshow Projektseite.

Die Galerie benötigt das Javascript Framework mootools und ist mit Firefox 2, IE 6, IE 7 und Safari kompatibel.

Ich habe eine Demoseite erstellt, auf der ihr euch den gesamten Funktionsumfang anschauen und testen könnte. Über die Formularelemente auf der rechen Seite können die Parameter der Galerie variiert werden.

Auf das Bild Klicken, um zur Demoseite zu gelangen:

Javascript slideshow

106 Antworten zu “Javascript Bildergalerie mit Slideshow Effekt”

  1. Patrick sagt:

    Punk not dead lidocaine cream last This comes from our ad serving technology and is used to track how many times you have seen a particular ad on our sites, so that you don’t just see one advert but an even spread. This information is not used by us for any other type of audience recording or monitoring.
    alesse 28 birth control ingredients Harvest Natural Resources Inc surged 24.1 percent to$5.15 after the oil and gas producer said it was in exclusivetalks to sell itself to Argentina’s Pluspetrol in a deal valuedat about $373 million including debt.
    cost deer antler spray
    The concept of a personal commercial may sound hokey – but we see the benefits and pitfalls of branding (or lack of branding) around us daily. For a moment, pretend you are a company who sells phones. If you try to go to Verizon or AT&T to get them to carry your phones – the first thing they would want to know is what can your phones offer to their customers that Apple and Samsung aren’t already offering. A business that cannot communicate its brand and the advantages of its product typically fails. Consumers recognize that it is the seller’s job to clearly establish who they are and what they offer. Working a job fair is no different. In an event with hundreds, sometimes thousands of seemingly similar candidates, it is critical to establish who you are and how hiring you will benefit an employer. Without doing both, you may be just another face in the crowd.
    oral lamisil online The suspension, based on non-analytical evidence — Rodriguez has not failed a drug test since baseball’s 2003 survey testing year — rests partially on the penalties for at least three failed drug tests plus the additional charges.
    ginseng bonsai The Sri Lankan recall follows last week’s withdrawal byFonterra and several of its customers of infant formula, sportsdrinks, and animal feed in nine countries because of fears ofcontamination of a whey ingredient with a bacteria that cancause botulism.
    buying clomid online nz
    His firm said in a statement: “Hogan Lovells is saddened by the loss of David Latham. He was a great colleague, a friend to many, and a highly regarded professional who we all enjoyed working with.” The inquest continues.
    gynexin order online On the earnings front, Wesfarmers Ltd reported a 6percent rise in full-year net profit on Thursday, missinganalysts‘ forecasts, but the stock added 0.4 percent on the announcement of a A$579 million capital return to shareholders. Shares in the company were up 0.4 percent.
    amitriptyline hydrochloride 10mg and alcohol „It is not too late for the government to pardon Alan Turing. It is not too late for the government to grant a disregard for all those gay men convicted under the dreadful (legislation). I hope the government is thinking very hard about doing both of those things.
    permethrin 5 cream scabies
    On the pitch, Bayern Munich beat Borussia Dortmund in anall-German final of the Champions League — Europe’s premierclub competition — last season. Four German teams are competingin this season’s competition.
    cheap cymbalta 60mg The blasts outside a police station hit an area known as Quiswakhani, or the storytellers‘ bazaar, crowded with shoppers. Police said they thought at least one of the explosions in the city close to the Afghan border had been caused by a car bomb.

  2. Anibal sagt:

    Just over two years remeron 15 mg costo Yes there are a number of options available, you can set your browser either to reject all cookies, to allow only „trusted“ sites to set them, or to only accept them from the site you are currently on.
    precio risperdal flas Alibaba, which is preparing for an initial public offeringvalued at up to $15 billion, is looking to keep top managementdecisions within the partner group by giving it the right tonominate a majority of board members in the company.
    hajar jahanam ternate
    The southpaw is 10-10 with a 4.66 ERA. He has never lost more than 11 games in a season, and his current ERA would be the highest for any of his 13 seasons. Still over his last two starts, he has pitched 13.1 innings to a 3.38 ERA and says adjusting his arm angle has given him better precision on both sides of the plate.
    can methylprednisolone affect sperm Zilmax, one of two „beta-agonists“ approved by the FDA, are mixed in with normal livestock feeds typically 20 days before slaughter. The additives work at a cellular level to more efficiently convert the feed’s nutrients into lean muscle instead of fat.
    how much does generic isotretinoin cost Jumping from a raft into a lake at age 11 — naturally, with his hands cuffed behind his back — whet Martin’s appetite for high risk escapes. So in February 1990, he performed his most dangerous water stunt, in which he was locked in a cage and lowered through a hole in the ice and into the frigid water at a Wisconsin quarry. It took him one minute and 45 seconds to emerge.
    is viagra sold over the counter in canada „It’s part of the Amazon initiative to improve its overallcontent portfolio,“ said R.J. Hottovy, an analyst atMorningstar. „It’s a matter of getting more people to Amazon. Itentices them to make more purchases elsewhere on Amazon, whichshould have some revenue and margin improvement opportunities.“
    vendo kamagra barcelona 2012 Instead, rival rice growing nations pounced to meet the world’s demand for rice. India is now the top exporter. Vietnam has edged out Thailand for second place. And most commodities experts predict Thailand won’t be able to reclaim the crown for years to come.
    ventolin urup fiyati
    Samuelsson, a former defenseman who is expected to coach the Rangers‘ blue line, summed up his „ideal defensive environment“ as: „No one screening the goaltender, no one getting the rebounds.“
    testofuel or prime male Congress voted to extend the 2008 farm bill in January, but ranchers, who’d experienced a devastating drought in the summer of 2012 were left to fend for themselves. In short, disaster relief for ranchers was part of the 2008 farm bill, but it was only budgeted to last through 2011, leaving them unprotected from Mother Nature’s wrath during 2012’s hot, dry summer.
    amoxicillin cost uk Since the cash draw from Treasury will not be disbursed bythe FHA, it will not impact how quickly the government runs outof money to pay its bills under the nation’s $16.7 trillion debtceiling. In addition, the Treasury has the authority to take the$1.7 billion back once the FHA rebuilds its reserves.

  3. Patric sagt:

    I’m on a course at the moment finasteride mylan 1 mg kopen In a totally independent event, a woman carried mitochondria—tiny structures contained inside cells—that would become the only mitochondria people have today. Like the Y-man, she lived around other people, but over thousands of years, luck struck down all others‘ mitochondria save her own.
    bouquet amaryllis prix Ms Harry was further accused of providing inaccurate information to the trust board, advising the impact of proposed cost savings would not be detrimental to patient care, informing the hospital management board proposed changes to the ratio of qualified to unqualified staff would not impact on staff numbers or standards of care and reassuring the trust board vacancies were being filled when she knew or ought to have known recruitment was an ongoing issue.
    can i take ibuprofen and acetaminophen together Here is the concept: Brandy Klark (Plaza) wants to lose her virginity before starting college, and so draws up a schedule of sexual activity to be completed over the summer following her graduation from high school. Her best friends (Alia Shawkat and Sarah Steele) egg her on between the broadly unfunny gross-out trysts, while her father (Clark Gregg) frets on the sidelines.
    sildenafil sandoz 100 mg tablets Earlier, Napolitano, who would have to decide whether to dissolve parliament or try to build a new coalition if the government fell, issued a sharp rebuke to Berlusconi’s party allies, accusing them of undermining parliament.
    sildenafil pfizer precio Sony and Samsung are slashing prices on their 4K/Ultra HDTV sets by as much as $1,500, and LG may soon follow with a new, less-featured and less-expensive line of Ultra HDTVs as well, according to TWICE magazine. 
    precio remeron mexico Despite the number of high-profile deals unveiled over thepast 10 days, European merger activity remains subdued, with the12-month rolling average running at around $160 billion, downfrom about $240 billion at its 2007-2008 peak, according toThomson Reuters Datastream.
    tamsulosin 0 4mg capsules Rehana Azam, GMB national officer for the NHS, said: „The GMB ballot closed on Friday 23rd August and after a detailed examination of the vote it is clear GMB members have voted overwhelmingly to reject any attempts to cut their sick pay and the result of the ballot has shown that ambulance workers are prepared to take industrial action to defend their sick pay.”
    cefixime dispersible tablets 400 mg Marcia didn’t really have insider access to the Justin Bieber of the ‘70s, but she was president of the local Davy Jones fan club, and figured that would go a long way in convincing the superstar to sing at her high school dance. Wrong! Or right? After a series of shenanigans, Marcia managed to persuade Davy Jones’ manager to have him do some crooning at the dance. Marcia even got a kiss from the Monkees star!
    prix priligy 30 mg The amendment, which Senate staffers confirmed was still being drafted, would require the Department of Homeland Security to build 700 more miles of border fence along the U.S.-Mexican border, as well as double the number of troops patrolling the border, before immigrants who entered the country illegally could receive green cards.
    buy losartan online uk Missing it was a hard choice, and when I saw the photographs I cried. Everyone looked so beautiful and elegant, and I wish I could have been there, but, as it had so many times before, my education had to come first.

  4. pants dickies pants dickies pants way sagt:

    Nice post. I was checking continuously this blog and I am impressed!
    Extremely useful info particularly the last part :) I care for such information much.
    I was looking for this certain information for a very long time.
    Thank you and good luck.

  5. Columbus sagt:

    I’d like to cancel a cheque alternative to amitriptyline for tension headaches Weinstein said his client, who pleaded guilty and was sentenced to nearly 34 years, had no idea who took the money, and he didn’t think the pirates threw it overboard. Weinstein said there were plenty of people who had access to the lifeboat after the shooting stopped. 
    can ibuprofen be used for stomach pain The battle for Warrnambool heated up on the same day asChina’s Shanghai Pengxin made an offer for more dairy farms inNew Zealand, underscoring robust demand for Australasian dairyand farm assets as companies ramp up their exposure to Asia’sgrowing appetite for milk, cheese and other food products.
    tinidazole tindamax side effects Eighteen months ago Brzeski and his firm, Arixa CapitalAdvisors, were lending investor money to flippers on verydifferent properties: $250,000 single family homes in southernCalifornia’s up-and-coming lower- to middle-class blue-collarneighborhoods. Most of the deals involved foreclosed homes thatwere totally refurbished, and then sold quickly.
    endep 10mg for back pain As part of a proposal to city creditors in June, emergency manager Orr outlined plans to spend $1.25 billion over the next decade to overhaul its police, fire and emergency services and modernize Detroit’s infrastructure. The proposal also calls for $500 million to be spent on blight removal through 2019 and mentions the Detroit Blight Authority as a group the city would work with.
    penatropin price in pakistan
    „If there is that degree of disruption, that lack of certainty, that lack of trust in the US signature, it would mean massive disruption the world over and we would be at risk of tipping yet again into recession,“ she said.
    metoprolol 50 mg er side effects “Holy God, you created us for freedom, so keep us from shackling ourselves with the chains of dysfunction. Use our Senators today to serve your purposes for this generation, making them ever mindful of their accountability to you. Lord, deliver us from governing by crisis, empowering us to be responsible stewards of your bounty, using judicious compromise for the mutual progress of all. Provide this land we love with your gracious protection, and may we never cease to be grateful for the numberless blessings we receive each day from your hands. We pray in your merciful name. Amen.”
    clindamycin cream buy online The birds are bred in captivity in Maryland and then transported to Wisconsin in the summer, where they are trained to follow a human-piloted ultralight on their first southbound fall migration. After that first flight, the birds are left to their own devices, though they’re carefully monitored by scientists.
    kamagra guld * Automakers are making slow but steady progress improvingfuel efficiency, as the industry hit a high for the averagemiles per gallon of new vehicles sold in August in the UnitedStates. A study released by the University of Michigan onTuesday said that the average fuel economy on the windowstickers of cars and trucks sold last month was 24.9 miles pergallon, nearly five miles per gallon better than the 20.1 mpgrecorded in October 2007. ()
    generic proscar for sale „What happened in Abu Ghraib prison was the guards who were inside the prison, are connected to these militias, and it was they who colluded and it was they who opened the doors,“ he said on state television.
    augmentin bid 875/125 precio U.N. diplomats said it remained unclear when a vote on the resolution could take place. The current draft leaves the door open to the use of force in the event of non-compliance by Syria, though diplomats said Russia would almost certainly demand such provisions be deleted.

Hinterlasse einen Kommentar