Web Development

Hi,

It is my intention to build a site shop  for a photographer but I have no idea which would be the next appropriate language to focus on learning to get the job done out of Javascript or PHP. 

What with other work commitments, I don't have the time to learn enough of both languages before the intended date of the site going live at the beginning of December. 

I'm hoping that if I give you an outline of the kind of functionality I want you will be able to point me in the appropriate direction:

The photographer in question  has a vast number of images they wish to sell as singles, or in sets of three for a reduced price in comparison to buying singles.  

The images will be displayed in categories, each of which has the potential to run into a number of pages.  

Customers are to be free to choose any image from any page of any category to make up their purchases.

I don't currently want to build a login and members capacity so that session data (the selections made) can be stored and come back to at a later date.

For now I want to be be able to allow customers to, on a single session basis, select as many images as they wish and then preview their selection prior to adding their final choice/s to a basket ready to check out.   

I also want to be able to ensure that if there is a session in which a customer previews their choice, sees they have eight images selected, for example, and want to choose one more - in order to benefit from the set of three price, that they can go back to continue shopping without loosing the selections they had made prior to going to the preview page.

In terms of the shopping basket I cam across a paypal specific script that can be incorporated into html without the need to therefore build a php and mysql basket into the site.

I anticipate that I will have to use radio buttons or check boxes for customers to be able to make their selections prior to previewing them. But is it possible, or feasible for a form to span all the category pages and their sub pages?

Thanks in anticipation of you consideration and response

<div>
    <p>ER</p>
    <img src="C:\Users\myname\Downloads\cici.png"/>
    <p>341 Ohm</p>
    <p>EN</p>
    <img src="C:\Users\myname\Downloads\bibi.png"/>
    <p>356</p>
</div>

.title{
	display: inline;
}

.icon{
    display: block;
}

.item-text{
	float: right;
}

<div class="item-main">
	<div class="title">
		My title
	</div>
	<div class="icon">
		<img src="...">
	</div>
	<div class="item-text">
		Lorepsum imte ...
	</div>
</div>