Rollover image – Change image on hover/mouse over

Often when designing websites static or dynamic, PHP or ASP.Net, Laravel or WordPress, you have to design in a way if user hovers an image it gets changed and an alternate image is displayed. This can be easily achieved via simple HTML events. Here is the trick:

<img src="FIRST IMAGE URL GOES HERE"
onmouseover="this.src='SECOND IMAGE URL GOES HERE'"
onmouseout="this.src='FIRST IMAGE URL GOES HERE - AGAIN'" />

It is simple as that.

What J talked about in 2013

The WordPress.com stats helper monkeys prepared a 2013 annual report for this blog.

Here’s an excerpt:

The concert hall at the Sydney Opera House holds 2,700 people. This blog was viewed about 37,000 times in 2013. If it were a concert at Sydney Opera House, it would take about 14 sold-out performances for that many people to see it.

Click here to see the complete report.

 

2012 in review

The WordPress.com stats helper monkeys prepared a 2012 annual report for this blog.

Here’s an excerpt:

4,329 films were submitted to the 2012 Cannes Film Festival. This blog had 24,000 views in 2012. If each view were a film, this blog would power 6 Film Festivals

Click here to see the complete report.

 

Add Manufacturers in carousel box in OpenCart

The default installation of OpenCart has the brands/manufacturers displayed in a carousel at the bottom of the home page. Updating the manufacturers in Admin->Catalog->Manufacturers will not affect that. If you want to change this you’ll need to update the manufacturers’ banner.

To update the banner go to Admin->Setting->Layout->Banner. Here you can update the Manufacturer banner to display the manufacturers you want.

Some people don’t know this and try to play with Carousel module or Manufacturers in Catalog, but they have to update the banners in system layout.